--color1:#00a2e9; --bcr1:cubic-bezier(.4,.4,0,1); --bcr2:cubic-bezier(0.075, 0.82, 0.165, 1); } .move_top{padding-top:.9rem;} .mobile_img{display:none;} #initial{display: none;} body{ font-family: '微软雅黑'!important;} /*font_effect*/ .font_effect>span{display:inline-table;} .font_effect>span>font{display:block;-webkit-animation-duration:1s !important;animation-duration:1s !important;} .font_effect>span>font.fadeIn{-webkit-animation-duration:1.2s !important;animation-duration:1.2s !important;} /*》》》》》》》》》》相册、视频（打开动画）《《《《《《《《《《*/ #spotlight{background-color:rgba(0,0,0,.6);clip-path: circle(0px at center);-webkit-clip-path:circle(0px at center);} #spotlight.show{clip-path: circle(100% at center);-webkit-clip-path: circle(100% at center); transition: clip-path ease 1s;-webkit-transition: clip-path ease 1s;} /*》》》》》》》》》》字体间距《《《《《《《《《《*/ .zh{letter-spacing: 0.075em;} /*》》》》》》》》》》分页器《《《《《《《《《《*/ .pagination{text-align:center;} .pagination li{display:inline-block;padding:0 .1rem;} .pagination li a,.pagination li span{display:block;width:.6rem;height:.6rem;line-height:.6rem;border:1px solid var(--color2); background-color:#fff;color:var(--color2);transition:all 0.3s ease-out;border-radius: 50%;} .pagination li.active span{background-color:var(--color2);color:#fff;pointer-events:none;} .pagination li.disabled span{cursor: not-allowed;} /*href_hover*/ /*线型*/ .hoverable .hoverable_txt{position:relative;display:inline-block;} .hoverable .hoverable_txt:after{content: '';width:100%;height:1px; position:absolute;left:0;bottom:0;-webkit-transform:scaleX(0);transform:scaleX(0); -webkit-transform-origin: right top;transform-origin: right top; transition: -webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition: transform .5s cubic-bezier(.215,.61,.355,1);} /*富文本强制定义*/ .richText{text-align: justify;} .richText img{display: inline-block !important;max-width: 100% !important;} .richText p, .richText span, .richText em{font-size: 18px !important;} .richText video{max-width: 100%;display: inline-block;} .richText a{color: var(--color01) !important;text-decoration:underline !important;} /*openMenu*/ .openMenu{display: none;position: relative;z-index: -1;} .openMenu>a{align-items:center;outline:none;} .openMenu .openMenu_btn{width:24px;height:24px;} .openMenu .openMenu_btn span{position:absolute;width:100%;height:2px;border-radius:2px; transition:all .5s var(--bcr1);background-color: #fff;} .openMenu .openMenu_btn span:nth-child(1){top:3px;left: 0;} .openMenu .openMenu_btn span:nth-child(2){top:50%;transform:translateY(-50%);width:16px;right: 0;} .openMenu .openMenu_btn span:nth-child(3){bottom:3px;left: 0;} .openMenu ._circle{border-radius: 50%;width: 0px;height: 0px; position:absolute;z-index: -1; top: 50%;left: 50%;transform: translate(-50%,-50%);/*background-color:#000;*/ background: hsla(0,0%,100%,0.98); opacity:1;transition: all .5s var(--bcr1);} .header.mobileNav .openMenu .openMenu_btn span{background-color: #fff;} .header.mobileNav .openMenu .openMenu_btn span:nth-child(1){top:11px;transform:rotate(-45deg);} .header.mobileNav .openMenu .openMenu_btn span:nth-child(2){width: 0;} .header.mobileNav .openMenu .openMenu_btn span:nth-child(3){bottom:11px;transform:rotate(45deg);} .header.mobileNav .openMenu ._circle{width:220vh;height:220vh;} /* 搜索 */ .query{padding-top: 1rem;padding-bottom: 1.3rem;} .query_top{height:.8rem;line-height:.8rem;padding:0 .4rem;background-color:var(--color1);color: #fff;} .query_list .query_item{height:.8rem;line-height:.8rem;} .query_item a{padding:0 .4rem;border-bottom:1px dashed #ddd;} .query_item .query_time{margin-left:auto;padding-left:.4rem;color: #999;} .query_item .query_name{transition:color 0.25s ease;color: #666; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} @media screen and (max-width:768px){ .query_top{height:1rem;line-height:1rem;} .query_list .query_item{height:1rem;line-height:1rem;} } @media screen and (min-width:993px){ .query_item a:hover .query_name{color:var(--color1);} } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>首页<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .header{width: 100%;position: fixed;top: 0;left: 0;z-index: 99;} .header:before, .header:after{content:'';position:absolute;top:0;left:0;width:100%;} .header:before{background-color:#fff;height:0;transition:all .5s ease;} .header:after{height:100%;/*border-bottom:1px solid #eaeaea;*/opacity:0;transition:opacity .5s ease;} .header>div{align-items:center;position: relative;z-index: 2;} .header .logo>a{height: .54rem;position: relative;} .header .logo>a>img{height: 100%;transition: opacity .5s ease;} .header .logo>a img:first-of-type{opacity: 1;} .header .logo>a img:last-of-type{opacity: 0;position: absolute;top: 0;left: 0;} .header .nav{margin-left:auto;} .header .nav .navlist>.nav_a{position: relative;cursor:pointer;} .header .nav .navlist>.nav_a:hover{color:rgba(0,162,233,.7);} .header .nav .navlist>.nav_a>a{padding:0 .3rem;height:.9rem;line-height:.9rem;color: #fff;transition: color .5s ease;} .header .nav .navlist>.nav_a>a i{display:none;} .header .nav .navlist>.nav_a>a .hoverable_txt{line-height: 1;padding: 5px 0;} .header .nav .navlist>.nav_a>a .hoverable_txt:after{background-color: #fff;height: 1px;} .header .nav .navlist>.nav_a .nav_b{position:fixed;top:.9rem;left:0;width:100vw;pointer-events:none;overflow:hidden;cursor: default;} .header .nav .navlist>.nav_a .nav_b>.nav_b_list{width:100%;justify-content:center;} .header .nav .navlist>.nav_a .nav_b>.nav_b_list>li{padding: 0 .5rem;transform:translateX(40px);opacity:0;transition: all .4s ease;} .header .nav .navlist>.nav_a .nav_b>.nav_b_list>li>a{color: #333;height: .6rem;line-height: .6rem;transition: color .3s ease-out;} .header .nav .navlist>.nav_a .nav_b>.nav_b_list>li>a.on{color: var(--color1);} .header .inquiry,.header .language{position: relative;} .header .language>a,.header .inquiry>a{color: #fff;height: .9rem;line-height: .9rem;transition: color .5s ease;padding: 0 .3rem;} .header .inquiry:after{content: '';position: absolute;right: 0;top: 50%;height: .15rem; width: 1px;transform: translateY(-50%);background-color: #fff;opacity: .5;transition: background-color .5s ease;} .header .inquiry ._form{position:absolute;top:100%;right:0;border:1px solid #e6e6e6; transform:translateY(10px);opacity:0;visibility:hidden;background-color: #fff;width: 2.8rem; transition:all cubic-bezier(.5,.5,0,1) 0.5s;} .header .inquiry ._form ._dd{padding:0 .15rem;} .header .inquiry ._form ._dd>input{border:none;background:none;height:44px;width:100%;color:#333;} .header .inquiry ._form ._dd>input::-webkit-input-placeholder{color:#d1d1d1;} .header .inquiry ._form ._dd>input:-moz-placeholder{color:#d1d1d1;} .header .inquiry ._form ._dd>input::-moz-placeholder{color:#d1d1d1;} .header .inquiry ._form ._dd>input:-ms-input-placeholder{color:#d1d1d1;} .header .inquiry ._form ._dt{position: relative;} .header .inquiry ._form ._dt:before{content:'';width:1px;height:100%;background-color:#e6e6e6;position:absolute;left:0;top:0;} .header .inquiry ._form ._dt>button{border:none;background:none;width:44px;height:44px;transition: color .3s ease-out;} .header .inquiry:hover ._form{transform:none;opacity:1;visibility:visible;} .header .language ._list{position:absolute;top:100%;left:50%;transform:translate(-50%,10px);opacity:0;visibility:hidden;transition:all 0.3s ease-in-out;} .header .language ._list>div{text-align: center;width:.7rem;} .header .language ._list>div:after{content:'';position:absolute;top:-5px;left:50%;width:0;height:0px;margin-left:-5px; border-style:solid;border-width:5px;border-color:#fff #fff transparent transparent; transform:rotate(-45deg);box-shadow:2px -2px 2px rgba(100,100,100,.1);} .header .language ._list ._item>a{line-height:.34rem;transition:all 0.25s ease; border-bottom: 1px solid #eee;background-color: #fff;color: #333;} .header.hd-style .logo>a img:first-of-type{opacity: 0;} .header.hd-style .logo>a img:last-of-type{opacity: 1;} .header.hd-style .nav .navlist>.nav_a>a{color: #222;} .header.hd-style .inquiry:after{background-color: #222;} .header.hd-style .language>a,.header.hd-style .inquiry>a{color: #222;} .header.hd-style .nav .navlist>.nav_a>a .hoverable_txt:after{background-color: var(--color1);} .header.peeling:before{height:100%;box-shadow:0 0 10px rgba(0, 0, 0, .1);} .header.in-bg:before{height:100%;} .header.in-bg:after{background-color: #eaeaea;opacity:1;} .header.topmask:before{height:1.5rem;box-shadow:0 0 10px rgba(0, 0, 0, .1);} .header.topmask:after{opacity:1;} .header .language:hover i{transform: rotate(180deg);} .header .language:hover ._list{opacity: 1;visibility: visible;transform: translateX(-50%);} .home-banner{width: 100%;height: 100vh;overflow: hidden;position: relative;background-color: #000;} .home-banner .box{width: 100%;height: 100%;position: relative;pointer-events: none;} .home-banner-bg{width: 100%;height: 100%;pointer-events:auto;} .home-banner-bg .swiper-slide{overflow: hidden;} .home-banner-bg ._item{width:100%;height:100%;} .home-banner-bg ._item img, .home-banner-bg ._item video{width:100%;height:100%;object-fit:cover;} .home-banner .home-banner-scene{position: absolute;z-index: 20;right: 3.125vw;top: 50%;transform: translateY(-50%);flex-direction: column;} .home-banner .home-banner-scene .btn{width: .52rem;height: .48rem;border: 1px solid #fff;background: none; border-radius: 5px;color: #fff;transition: background-color .3s ease-out;pointer-events:auto;} .home-banner .home-banner-scene .btn:first-of-type{margin-bottom: .25rem;} .home-banner .home-banner-buttom{position: absolute;z-index: 20;left: 50%;bottom: .8rem;transform: translateX(-50%);align-items: flex-end;} .home-banner .home-banner-buttom .banner-buttom--nav{width: auto;} .home-banner .home-banner-buttom .banner-buttom--nav span{width: .56rem;height: .08rem;margin-left: 0;opacity: 1;background:none;pointer-events:auto; position: relative;margin-right: .3rem;border-radius: .07rem;overflow: hidden;border: none;cursor: pointer;text-decoration:none;outline:none;} .home-banner .home-banner-buttom .banner-buttom--nav span:before, .home-banner .home-banner-buttom .banner-buttom--nav span:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .home-banner .home-banner-buttom .banner-buttom--nav span:before{border:1px solid #fff;border-radius: .07rem;transition: border-color .3s ease-out;} .home-banner .home-banner-buttom .banner-buttom--nav span:after{background-color: var(--color1); transform:scaleX(0);transform-origin: right top;transition: transform .75s cubic-bezier(.215,.61,.355,1);} .home-banner .home-banner-buttom .banner-buttom--nav span:last-of-type{margin-right: 0;} .home-banner .home-banner-buttom .banner-buttom--nav span.swiper-pagination-bullet-active:after{transform:scaleX(1);transform-origin:left top;} .home-banner .home-banner-buttom .banner-buttom--mouse{color: #fff;margin-left: auto;color: #999;transition: color .3s ease-out;align-items: center;cursor: pointer;pointer-events:auto;} .home-banner .home-banner-buttom .banner-buttom--mouse i{margin-left: .12rem;} .home-banner .home-banner-text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 15;} .home-banner .home-banner-text ._item{width: 100%;height: 100%;display: none;} .home-banner .home-banner-text ._item>img{width: 100%;height: 100%;object-fit: contain;} .home-banner .home-banner-text ._item.on{display: block;} /*masterTitle1*/ .masterTitle1{font-size: .35rem;line-height: 1.3;} /*masterTitle2*/ .masterTitle2{font-size: .42rem;font-weight: lighter;} /*more-fn*/ .more-fn{background-color: #222;border-radius: 50%;width: .4rem;height: .4rem;align-items: center; justify-content:space-between;padding: 0 .08rem;transition:transform .35s ease-out;} .more-fn>s{width: 4px;height: 4px;border-radius: 50%;background-color: #fff;} .home-product{padding:1.4rem 0;overflow: hidden;} .home-product-top .masterTitle2{margin-top: .1rem;} .home-product-box{margin-top: .5rem;position: relative;} .home-product-swiper{width: calc(100% + .6rem);margin: -20px 0;} .home-product-swiper .swiper-wrapper{will-change: transform;} .home-product-swiper .swiper-slide{max-width: 1560px;width: 81.25vw;} .home-product-swiper .item{margin-right: .6rem;padding: 20px 0;} .home-product-swiper .item>a{background-color: #f3f3f3;padding: 1rem;border-radius: .2rem;transition: all .8s ease;pointer-events: none;} .home-product-swiper .item .item-text{padding-top: .5rem;text-align: justify;padding-right: .6rem;} .home-product-swiper .item .item-text .masterTitle1{font-weight: bold;color: #1c1c1c;} .home-product-swiper .item .item-text ._line{color: #666;margin-top: .2rem;line-height: 2;max-height: calc(2em * 3); display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .home-product-swiper .item .item-text ._more{margin-top: .6rem;} .home-product-swiper .item .item-figure{width: 64.10256410256411%;} .home-product-swiper .item .item-figure ._pic{padding-bottom: 46%;position: relative;width: 100%;transition: all .4s ease-out;} .home-product-swiper .item .item-figure ._pic ._k{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all .5s cubic-bezier(.5,.5,0,1);} .home-product-swiper .item .item-figure ._pic ._k img{width: 100%;height: 100%;object-fit: contain;} .home-product-swiper .item .item-figure ._pic ._a1{opacity: 1;} .home-product-swiper .item .item-figure ._pic ._a2{opacity: 0;} /*.switch-fn*/ .switch-fn{width: .6rem;height: .6rem;line-height: .6rem;text-align: center;font-size: .32rem;background-color: #222; opacity: .3;border: none;border-radius: 50%;color: #fff;transition: opacity .4s ease-out;} .home-product-box ._page{position: absolute;top: 50%;z-index: 5;transform: translateY(-50%);} .home-product-box .product-swiper--prev{left: 3.125vw;} .home-product-box .product-swiper--next{right: 3.125vw;} .home-product-swiper .swiper-slide-active .item>a, .home-product-swiper .swiper-slide-duplicate-active .item>a{background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, .05);pointer-events: auto;} .home-solution{height: 100vh;width: 100%;overflow: hidden;position: relative;} .home-solution-swiper{height: 100%;width: 100%;} .home-solution-swiper .item{width: 100%;height: 100%;} .home-solution-swiper .item>img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.1); transition: transform 3s cubic-bezier(0.25, 0.74, 0.22, 0.99);} .home-solution-swiper .swiper-slide.active .item>img{transform:none;} .home-solution-info{position: absolute;top: 33.333333%;left: 50%;z-index: 5; transform: translateX(-50%);max-width: 680px;pointer-events: none;width: 84%;} .home-solution-info .item ._more{margin-top: .4rem;} .home-solution-info .item ._line{margin-top: .25rem;color: #f9f9f9;line-height: 2;} .home-solution-info .item .masterTitle1{color: #fff;} .home-solution-info .item ._more>a{margin: 0 auto;pointer-events: auto;} .home-solution-info .item{display: none;} .home-solution-info .item.on{display: block;} .home-solution-tab{position: absolute;bottom: 1rem;justify-content: center;left: 0;z-index: 5;pointer-events: none;width: 100%;} .home-solution-tab .item{padding: 0 .4rem;} .home-solution-tab .item>a{pointer-events: auto;} .home-solution-tab .item .item-name{color: #fff;margin-top: .12rem;} .home-solution-tab .item .item-figure{width: .9rem;height: .9rem;margin: 0 auto;position: relative; border-radius: 50%;overflow: hidden;border: 2px solid transparent;transition: border-color .3s ease-out;} .home-solution-tab .item .item-figure ._icon{width: 100%;height: 100%;background-color: #fff; transition: transform 3s cubic-bezier(0.25, 0.74, 0.22, 0.99),opacity .8s ease;} .home-solution-tab .item .item-figure ._icon img{width: 100%;height: 100%;object-fit: contain;} .home-solution-tab .item .item-figure ._pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%; transform: scale(1.2);opacity: 0;transition: transform 3s cubic-bezier(0.25, 0.74, 0.22, 0.99),opacity .8s ease;} .home-solution-tab .item .item-figure ._pic img{width: 100%;height: 100%;object-fit: cover;} .home-solution-tab .item>a.on .item-figure{border-color: var(--color1);} .home-solution-tab .item>a.on .item-figure ._pic{opacity: 1;transform: none;} .home-solution-tab .item>a.on .item-figure ._icon{transform: scale(1.2);opacity: 0;} .home-about{padding-top: 2rem;padding-bottom: 1.8rem;} .home-about-top .about-top--title{font-size: .72rem;line-height: 1.3;} .home-about-top .about-top--text{width: 60.89743589743589%;text-align: justify;} .home-about-top .about-top--text .masterTitle2{margin-top: .1rem;} .home-about-top .about-top--text ._line{line-height: 2;margin-top: .35rem;color: #666;} .home-about-top .about-top--text ._play{margin-top: .5rem;} .home-about-top .about-top--text ._play>a{align-items: center;line-height: 1;color: #333;font-weight: lighter;} .home-about-top .about-top--text ._play>a>i{width: .4rem;height: .4rem;line-height: .4rem; border-radius: 50%;background-color: #242322;color:#fff;margin-right: .12rem;} .home-about-data{line-height: 1;background-color: rgba(240,240,238,.5);border-radius: .2rem;margin-top: .85rem;padding: .6rem 0;} .home-about-data .item{width: 25%;} .home-about-data .item:hover{color:#222;} .home-about-data .item ._number{align-items: flex-end;justify-content: center;} .home-about-data .item ._number span{font-size: .72rem;} .home-about-data .item ._number em{font-size: .3rem;} .home-about-data .item ._name{margin-top: .2rem;} .home-partner{padding-top: 1.5rem;padding-bottom: 1.15rem;position: relative;overflow: hidden;} .home-partner-bg{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;z-index: -1;} .home-partner-bg>img{width: 100%;height: 100%;object-fit: cover;} .home-partner-top ._line{color: #666;margin-top: .15rem;} .home-partner-list{max-width: 1920px;margin: 0 auto;} .partner-list--box{width: 100%;height: 0;padding-bottom: 29.166666666666668%;position: relative;} .partner-list--box>div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .partner-list--box .item{position: absolute;transform-origin: 40% 40%;will-change: transform;padding: .2rem; box-shadow: 0 .15rem .3rem rgba(0,0,0,.03);background-color: #fff;border-radius: 50%;overflow: hidden;} .partner-list--box .item ._pic{width: 100%;height: 0;will-change: transform;cursor: pointer;padding-bottom: 100%;position: relative;will-change: transform;} .partner-list--box .item ._pic img{width: 100%;height: 100%;object-fit: contain;transition: all .6s ease; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity: .3; position: absolute;top: 0;left: 0;} .partner-list--box .item.cr1{width: 7.291666666666667%;left: 5.677083333333334%;top: 25%;animation: spin1 9s infinite linear;} .partner-list--box .item.cr1 ._pic{animation: spin1 9s infinite linear reverse;} .partner-list--box .item.cr2{width: 5.416666666666667%;left: 10.729166666666668%;top: 62.5%;animation: spin2 7s infinite linear;} .partner-list--box .item.cr2 ._pic{animation: spin2 7s infinite linear reverse;} .partner-list--box .item.cr3{width: 9.270833333333334%;left: 21.09375%;top: 5.357142857142857%;animation: spin2 11s infinite linear;} .partner-list--box .item.cr3 ._pic{animation: spin2 11s infinite linear reverse;} .partner-list--box .item.cr4{width: 9.270833333333334%;left: 21.09375%;top: 49.642857142857144%;animation: spin1 6s infinite linear;} .partner-list--box .item.cr4 ._pic{animation: spin1 6s infinite linear reverse;} .partner-list--box .item.cr5{width: 6.302083333333334%;left: 35.052083333333336%;top: 27.14285714285714%;animation: spin1 10s infinite linear;} .partner-list--box .item.cr5 ._pic{animation: spin1 10s infinite linear reverse;} .partner-list--box .item.cr6{width: 9.270833333333334%;left: 34.32291666666667%;top: 65.71428571428571%;animation: spin2 8s infinite linear;} .partner-list--box .item.cr6 ._pic{animation: spin2 8s infinite linear reverse;} .partner-list--box .item.cr7{width: 6.614583333333334%;left: 43.85416666666667%;top: 50%;animation: spin1 5s infinite linear;} .partner-list--box .item.cr7 ._pic{animation: spin1 5s infinite linear reverse;} .partner-list--box .item.cr8{width: 8.489583333333334%;right: 38.020833333333336%;top: 51%;animation: spin1 11s infinite linear;} .partner-list--box .item.cr8 ._pic{animation: spin1 11s infinite linear reverse;} .partner-list--box .item.cr9{width: 7.291666666666667%;right: 39%;top: 15%;animation: spin2 7s infinite linear;} .partner-list--box .item.cr9 ._pic{animation: spin2 7s infinite linear reverse;} .partner-list--box .item.cr10{width: 7.96875%;right: 25.625%;top: 27.14285714285714%;animation: spin2 6s infinite linear;} .partner-list--box .item.cr10 ._pic{animation: spin2 6s infinite linear reverse;} .partner-list--box .item.cr11{width: 9.270833333333334%;right: 27.8125%;top: 70.71428571428572%;animation: spin2 9s infinite linear;} .partner-list--box .item.cr11 ._pic{animation: spin2 9s infinite linear reverse;} .partner-list--box .item.cr12{width: 9.270833333333334%;right: 11.041666666666668%;top: 3.571428571428571%;animation: spin1 10s infinite linear;} .partner-list--box .item.cr12 ._pic{animation: spin1 10s infinite linear reverse;} .partner-list--box .item.cr13{width: 9.270833333333334%;right: 14.6875%;top: 63.57142857142857%;animation: spin1 8s infinite linear;} .partner-list--box .item.cr13 ._pic{animation: spin1 8s infinite linear reverse;} .partner-list--box .item.cr14{width: 9.270833333333334%;right: 2.65625%;top: 46.42857142857143%;animation: spin2 11s infinite linear;} .partner-list--box .item.cr14 ._pic{animation: spin2 11s infinite linear reverse;} @keyframes spin1{ to{transform: rotate(1turn);} } @keyframes spin2{ to{transform: rotate(-1turn);} } .home-news{padding-top: 1.5rem;padding-bottom: 1.7rem;position: relative;} .home-news-bg{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;z-index: -1;} .home-news-bg>img{width: 100%;height: 100%;object-fit: cover;} .home-news-box{width: 76.92307692307693%;} .tab-fn{line-height: 1;overflow: hidden;justify-content:center;} .tab-fn>div{margin: -.2rem -.38rem;flex-wrap: wrap;} .tab-fn .item{padding: .2rem .38rem;} .tab-fn .item .item-btn{align-items: center;color: #999;border-bottom: 1px solid #999;padding: .15rem 0;padding-right: .4rem;transition: color .3s ease-out;height: 100%;} .tab-fn .item .item-btn i{width: 20px;height: 20px;border-radius: 50%;border: 1px solid #999;margin-right: .3rem;position: relative;transition: border-color .3s ease-out;flex-shrink: 0;} .tab-fn .item .item-btn i:before{content: '';position: absolute;width: 6px;height: 6px;border-radius: 50%;background-color: #333; top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0);opacity: 0;transition: transform .3s ease-out,opacity .3s ease-out;} .tab-fn .item .item-btn.on{color: #333;border-bottom-color: #333;} .tab-fn .item .item-btn.on i{border-color: #333;} .tab-fn .item .item-btn.on i:before{transform: translate(-50%,-50%);opacity: 1;} .tab-fn .item .item-screen{padding-right:0;pointer-events:none;position:relative;} .tab-fn .item .item-screen .pis-name{padding-right:.3rem;} .tab-fn .item .item-screen .pis-icon{margin-left:auto;} .tab-fn .item .item-screen select{position: absolute;top: 0;left: 0;opacity: 0;z-index: 2; color: #666;width: 100%;height: 100%;display: block;padding:0 .2rem;cursor: pointer;pointer-events:auto;} .tab-fn .item .item-screen select::-webkit-scrollbar{width: 3px;border-radius: 3px;} .tab-fn .item .item-screen select::-webkit-scrollbar-thumb {border-radius: 3px;} .home-news-box .tab-fn{justify-content:left;} .home-news-box .list{line-height: 1;margin-top: .6rem;} .home-news-box .list .item>a{align-items: center;border-bottom: 1px solid #dcdcdc;padding: .35rem 0;} .home-news-box .list .item ._time{color: #999;} .home-news-box .list .item ._type{padding: 3px .1rem;color: #999;margin-left: .2rem;margin-right: .55rem;border: 1px solid #999;border-radius: 2px;} .home-news-box .list .item ._title{font-weight: bold;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: color .3s ease-out;} .home-contact{padding:1rem 0;} .home-contact ._line{color: #666;line-height: 2;margin-top: .2rem;} .home-contact ._btn{margin-top: .45rem;} .home-contact ._btn>a{width: 2.4rem;height: .64rem;background-color: rgba(0,162,233,.7);border-radius: .1rem;} .footer{padding-top: .9rem;background-color: #f3f3f3;} .footer-content{padding-bottom: .9rem;} .ftText{padding-right: .6rem;} .ftText .ftText-tip{font-size: .28rem;} .ftText .ftText-hotline{margin-top: .45rem;line-height: 1;} .ftText .ftText-hotline ._name{color: #ccc;} .ftText .ftText-hotline ._line{font-size: .36rem;margin-top: .15rem;font-weight: bold;} .ftText .ftText-contact{margin-top: .45rem;} .ftText .ftText-contact .item{margin-top: .2rem;} .ftText .ftText-contact .item:first-of-type{margin-top: 0;} .ftText .ftText-contact .item ._name{color: #ccc;line-height: 1;} .ftText .ftText-contact .item ._line{margin-top: .1rem;} .ftText .ftText-code{display: inline-block;margin-top: .5rem;position: relative;} .ftText .ftText-code .iconfont{color: #ccc;cursor: pointer;font-size: .32rem;transition: color .3s ease-out;} .ftText .ftText-code ._pic{position: absolute;left: 100%;top: 50%;transform: translate(10px,-50%); padding-left: .15rem;transition: all .3s ease-in-out;opacity: 0;visibility: hidden;} .ftText .ftText-code ._pic>div{width: 130px;height: 130px;border-radius: 5px;position: relative; background-color: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);} .ftText .ftText-code ._pic>div:before{content: ""; position: absolute;left:-6px; top:50%;width: 12px;height: 12px; transform:translateY(-50%) rotate(-45deg);background: #fff;box-shadow:-2px -2px 15px rgba(0,0,0,0.1);} .ftText .ftText-code ._pic img{width: 100%;height: 100%;object-fit: contain;border-radius: 5px;} .ftText .ftText-code:hover .iconfont{color: var(--color1);} .ftText .ftText-code:hover ._pic{transform: translateY(-50%);opacity: 1;visibility: visible;} .fTnav{line-height: 1;padding-top: .1rem;width: 50%;padding-left: .3rem;margin-left: auto;} .fTnav>div{justify-content: space-between;width: 100%;} .fTnav .item:hover{color: #222;} .fTnav .item ._a>a{font-weight:bold;color: #222;transition:color .3s ease-out;} .fTnav .item ._a>a>.hoverable_txt{padding:5px 0;} .fTnav .item ._a>a>.hoverable_txt:after{background-color:var(--color1);} .fTnav .item ._a>a>.hoverable_txt:hover{color: #222;} .fTnav .item ._b{margin-top: .2rem;} .fTnav .item ._b>li>a{padding:.08rem 0;display:inline-block;color:#999;transition:color .3s ease-out;} .fTnav .item ._b>li>a>.hoverable_txt{padding:5px 0;} .fTnav .item ._b>li>a>.hoverable_txt:after{background-color:var(--color1);} .fTnav .item ._b>li>a>.hoverable_txt:hover{color: #222;} .ftroot{justify-content: center;text-align: center;color: #999;border-top: 1px solid #e1e1e1;padding: .25rem 0;} .ftroot .kep{margin: 0 .3rem;} .ftroot>a{color: #999;transition:all .3s ease-out;} .fs-im-wrapper{bottom:7.8125vw !important;} #backTop{position:fixed;right:2.6vw;bottom:2.6vw;opacity: 0;visibility: hidden; transform:translateY(100%);-webkit-transform:translateY(100%);z-index:888;transition:all .6s ease;} #backTop.onshow{opacity:1;visibility:visible;transform:none;} #backTop ._aperture{background-color:rgba(0,162,233,.7);position:absolute;width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%; opacity:0;-webkit-opacity:0;z-index:-1;} #backTop ._btn{color:#fff;width:.64rem;height:.64rem;border-radius:50%;-webkit-border-radius:50%; align-items:center;justify-content:center;z-index:2;background-color:var(--color1);} #backTop ._aperture.circle01{animation:scalej01 2s .4s infinite;-webkit-animation:scalej01 2s .4s infinite;} @keyframes scalej01{ 0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;} 100%{ transform:scale(1.4);-webkit-transform:scale(1.4);opacity:0;-webkit-opacity:0;} } @-webkit-keyframes scalej01{ 0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;} 100%{ transform:scale(1.4);-webkit-transform:scale(1.4);opacity:0;-webkit-opacity:0;} } #backTop ._aperture.circle02{animation:scalej02 2s infinite;-webkit-animation:scalej02 2s infinite;} @keyframes scalej02{ 0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;} 100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;} } @-webkit-keyframes scalej02{ 0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;} 100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;} } .bubble{width:100%;height:100%;position:absolute;left:0;top:0;z-index: -1;} .bubble span,.back_bubble span{display:block;width:20px;height:20px;border-radius:50%;-webkit-border-radius:50%;z-index:-1; transition: ease 1s;-webkit-transition: ease 1s;position:absolute;left:50%; bottom:0px;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity:0;-webkit-opacity:0;} .bubble span:nth-child(1){animation:pao 4s linear infinite;-webkit-animation:pao 4s linear infinite;background: rgba(0,162,233,.6);} .bubble span:nth-child(2){animation:pao3 6s linear infinite;-webkit-animation:pao3 6s linear infinite; -webkit-transition-delay:0.3s;transition-delay:0.3s;background: rgba(0,162,233,.8);} .bubble span:nth-child(3){animation:pao2 3s linear infinite;-webkit-animation:pao2 3s linear infinite; -webkit-transition-delay:0.8s;transition-delay:0.8s;background: rgba(0,162,233,1);} .bubble span:nth-child(4){animation:pao4 9s linear infinite;-webkit-animation:pao4 9s linear infinite; background: rgba(0,162,233,.3);} .bubble span:nth-child(5){animation:pao5 7s linear infinite;-webkit-animation:pao5 7s linear infinite; background: rgba(0,162,233,.5);} @keyframes pao{ 0% { transform: translate(200%,-30px) rotate(360deg) scale(.4,.4); -webkit-transform: translate(200%,-30px) rotate(360deg) scale(.4,.4); opacity:1;-webkit-opacity:1; } 50% { transform: translate(0%,-70px) rotate(360deg) scale(.8,.8); -webkit-transform: translate(0%,-70px) rotate(360deg) scale(.8,.8); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(-200%,-100px) rotate(360deg) scale(1,1); -webkit-transform: translate(-200%,-100px) rotate(360deg) scale(1,1); opacity:0;-webkit-opacity:0; } } @keyframes pao2 { 0% { transform:translate(-200%,0px) rotate(360deg) scale(1,1); -webkit-transform:translate(-200%,0px) rotate(360deg) scale(1,1); opacity:1;-webkit-opacity:1; } 50% { transform: translate(250%,-50px) rotate(360deg) scale(.8,.8); -webkit-transform: translate(250%,-50px) rotate(360deg) scale(.8,.8); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(100%,-100px) rotate(360deg) scale(.4,.4); -webkit-transform: translate(100%,-100px) rotate(360deg) scale(.4,.4); opacity:0;-webkit-opacity:0; } } @keyframes pao3 { 0% { transform: translate(0%,0px) rotate(360deg) scale(1,1); -webkit-transform: translate(0%,0px) rotate(360deg) scale(1,1); opacity:1;-webkit-opacity:1; } 50% { transform: translate(-250%,-50px) rotate(360deg) scale(.8,.8); -webkit-transform:translate(-250%,-50px) rotate(360deg) scale(.8,.8); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(-300%,-100px) rotate(360deg) scale(.4,.4); -webkit-transform:translate(-300%,-100px) rotate(360deg) scale(.4,.4); opacity:0;-webkit-opacity:0; } } @keyframes pao4 { 0% { transform: translate(400%,0px) rotate(360deg) scale(1,1); -webkit-transform: translate(400%,0px) rotate(360deg) scale(1,1); opacity:1;-webkit-opacity:1; } 50% { transform: translate(400%,-50px) rotate(360deg) scale(.8,.8); -webkit-transform: translate(400%,-50px) rotate(360deg) scale(.8,.8); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(-100%,-100px) rotate(360deg) scale(.4,.4); -webkit-transform: translate(-100%,-100px) rotate(360deg) scale(.4,.4); opacity:0;-webkit-opacity:0; } } @keyframes pao5 { 0% { transform: translate(-400%,0px) rotate(360deg) scale(.1,.1); -webkit-transform:translate(-400%,0px) rotate(360deg) scale(.1,.1); opacity:1;-webkit-opacity:1; } 50% { transform: translate(-400%,-50px) rotate(360deg) scale(.6,.6); -webkit-transform: translate(-400%,-50px) rotate(360deg) scale(.6,.6); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(0%,-100px) rotate(360deg) scale(1,1); -webkit-transform: translate(0%,-100px) rotate(360deg) scale(1,1); opacity:0;-webkit-opacity:0; } } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>关于我们<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .pageBanner{width: 100%;height: 100vh;position: relative;overflow: hidden;} .pageBanner-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .pageBanner-bg>img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.2);} .pageBanner-info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding-top: .45rem;z-index:5;} /*about-text*/ .pageBanner-info .about-text{color: #fff;display: inline-block;perspective: 600px;-webkit-perspective: 600px;text-align: center;} .pageBanner-info .about-text .en{height:.76rem;} .pageBanner-info .about-text .en>img{height:100%;} .pageBanner-info .about-text .cn{font-weight: bold;margin-top: .35rem;padding-right:.8rem;} .atUsInfo{position: relative;overflow: hidden;padding-top: 1.8rem;padding-bottom: 2rem;} .atUsInfo .atUsInfo-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;} .atUsInfo .atUsInfo-bg>img{width: 100%;height: 100%;object-fit: cover;} .atUsInfo-content{width: 100%;max-width:8.7rem;} .atUsInfo-content .atUsInfo-content-name{font-weight: bold;line-height: 1;} .atUsInfo-content .atUsInfo-content-text{text-align: justify;} .atUsInfo-content .atUsInfo-content-text .masterTitle1{margin-top: .3rem;} .atUsInfo-content .atUsInfo-content-text .masterTitle1 ._h2{font-weight: lighter;margin-top: .1rem;} .atUsInfo-content .atUsInfo-content-text ._line{line-height: 2.125;color: #999;margin-top: .3rem;} .atUsInfo-content .atUsInfo-content-data{line-height: 1;margin-top: 1rem;} .atUsInfo-content .atUsInfo-content-data .item{width: 25%;} .atUsInfo-content .atUsInfo-content-data .item ._number{align-items: flex-end;} .atUsInfo-content .atUsInfo-content-data .item ._number span{font-size: .48rem;} .atUsInfo-content .atUsInfo-content-data .item ._number em{font-size: .3rem;} .atUsInfo-content .atUsInfo-content-data .item ._name{margin-top: .15rem;color: #999;padding-left: 3px;} .atUsVideo{width: 100%;height: 0;position: relative;padding-bottom: 44.270833333333336%;overflow: hidden;} .atUsVideo-cover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow:hidden;} .atUsVideo-cover>img, .atUsVideo-cover>video{width: 100%;height: 100%;object-fit: cover;} .atUsVideo-cover>img{position: absolute;top: 0;left: 0;animation: huxi 10s linear infinite;z-index:2;} .atUsVideo-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index:5;} .atUsVideo-play>a{color: #fff;line-height: 1;} .atUsVideo-play>a>i{width: .76rem;height: .76rem;display: block;color:#242322;background-color: #fff; border-radius: 50%;line-height: .76rem;margin: 0 auto;margin-bottom: .25rem;position:relative;} @keyframes huxi { 0% { transform: scale(1.1); } 50% { transform: scale(1); } 100% { transform: scale(1.1); } } .atUsVideo-play>a>i:before{content: '';width: 100%;height: 100%;border-radius: 50%;position: absolute;top: 0;left: 0;transform: scale(0); background-color: rgba(255,255,255,1);z-index: -1;animation: circle-opacity 2.4s infinite;} .course{padding-top: 1.7rem;} .course-top ._line{color: #666;margin-top: .15rem;} .course-box{margin-top: .9rem;} .course-box .tab{padding: 0 .4rem;justify-content: space-between;} .course-box .tab .item>a{padding: .25rem 0;color: #222;position:relative;transition: color .3s ease-out;} .course-box .tab .item>a:after{content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: .05rem;background-color: var(--color1);transition: all .5s ease;} .course-box .tab .item>a:hover{color:#222;} .course-box .tab .item.on>a:after{width: 100%;left: 0;} .course-box .tab .item.on>a{color: var(--color1);} .course-box .tab .item.on>a:hover{color:#222} .course-box .module{padding: 1rem 1.2rem;position: relative;border-radius: .2rem;overflow: hidden;} .course-box .module .module-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;} .course-box .module .module-bg>img{width: 100%;height: 100%;object-fit: cover;} .course-box .module-swiper .item ._name{font-size: .36rem;color: var(--color1);padding-right: 1rem;line-height: 1;} .course-box .module-swiper .item ._list{padding-left: 1.1rem;border-left: 1px solid #e1e1e1;text-align: justify;position: relative;} .course-box .module-swiper .item ._list:before{content: '';position: absolute;left: -1px;top: 0;width: .06rem;height: .36rem;background-color: var(--color1);} .course-box .module-swiper .item ._list ._li{margin-top: .5rem;} .course-box .module-swiper .item ._list ._li:first-of-type{margin-top: 0;} .course-box .module-swiper .item ._list ._li ._time{font-size: .3rem;line-height: 1;} .course-box .module-swiper .item ._list ._li ._line{margin-top: .12rem;color: #666;line-height: 2.125;} .strategy{padding:1.6rem 0;} .strategy-content{margin-top: .9rem;text-align: justify;} .strategy-content>div{margin: 0 -.6rem;} .strategy-content .item{padding: 0 .6rem;width: 33.333333%;} .strategy-content .item>div{padding-top: .65rem;border-top: 1px solid #ddd;position: relative;padding-left: .1rem;} .strategy-content .item>div:before{content: '';position: absolute;top: -1px;left: 0;width:.68rem;height: 2px;background-color: var(--color1);} .strategy-content .item ._name{font-weight: bold;} .strategy-content .item ._line{color: #666;margin-top: .25rem;line-height: 2.2222222222222223;} .society{padding: 1.5rem 0;position: relative;overflow: hidden;} .society-bg{position: absolute;top: 0;left: 0;width: 100%;z-index: -1;height: 100%;} .society-bg>img{width: 100%;height: 100%;object-fit: cover;} .society-content{color: #fff;width: 50%;text-align: justify;} .society-content .society-content-name{font-weight: bold;} .society-content .society-content-text{margin-top: .35rem;} .society-content .society-content-text ._title{font-size: .56rem;line-height: 1.3;padding-bottom: .35rem;position: relative;} .society-content .society-content-text ._title:after{content: '';position: absolute;width: 0;height: 3px; left: 0;bottom: 0;background-color: #fff;} .society-content .society-content-text ._title.fadeInUpLarge:after{width:100%;transition:width 1.5s ease;} .society-content .society-content-text ._line{margin-top: 1.9rem;line-height: 2.611111111111111;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>资讯<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .nsTop{position: relative;overflow: hidden;} .nsTop-bg{position: absolute;top: 0;left: 0;width: 100%;z-index: -1;height: 100%;min-height: 100vh;} .nsTop-bg>img{width: 100%;height: 100%;object-fit: cover;} .nsTop-content{padding-top: 2rem;padding-bottom: .85rem;} .nsTop-left{width: 7.8rem;} .nsTop-left-swiper{width: 100%;border-radius: .2rem;overflow: hidden;background-color: #fff;} .nsTop-left-swiper .swiper-slide .item{width: 100%;height: 5.4rem;position: relative;} .nsTop-left-swiper .swiper-slide .item ._pic{width: 100%;height: 100%;} .nsTop-left-swiper .swiper-slide .item ._pic img{width: 100%;height: 100%;object-fit: cover;} .nsTop-left-swiper .nsTop-left-mask{padding: .4rem;z-index: 2;color: #fff;position: absolute;bottom: 0;left: 0; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.6));pointer-events: none;width: 100%;} .nsTop-left-swiper .nsTop-left-mask .item{width: 100%;height: 100%;line-height: 1;display:none;} .nsTop-left-swiper .nsTop-left-mask .item ._title{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .nsTop-left-swiper .nsTop-left-mask .item ._time{margin-top: .2rem;} .nsTop-left-swiper .nsTop-left-mask .item.on{display:block;} .nsTop-left .nsTop-left-button{margin-top: .77rem;justify-content: center;} .nsTop-left .nsTop-left-button button{margin: 0 .2rem;} .nsTop-right{padding-left: .8rem;width: calc(100% - 7.8rem);} .nsTop-right-swiper{width: calc(50vw - .8rem);border-bottom-left-radius: .2rem;border-top-left-radius: .2rem;} .nsTop-right-swiper .swiper-slide{width: auto;} .nsTop-right-swiper .item{margin-right: .8rem;} .nsTop-right-swiper .item>a{width: 5.12rem;height: 5.4rem;position: relative; border-radius: .2rem;background-color: #fff;overflow: hidden;} .nsTop-right-swiper .item ._pic{width: 100%;height: 69.3359375%;overflow:hidden;} .nsTop-right-swiper .item ._pic img{width: 100%;height: 100%;object-fit: cover;transition: transform .6s ease;} .nsTop-right-swiper .item ._text{height: 30.6640625%;line-height: 1;justify-content: center;flex-direction:column;padding: 0 .4rem;} .nsTop-right-swiper .item ._text ._title{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #222;transition: color .3s ease-out;} .nsTop-right-swiper .item ._text ._time{color: #999;margin-top: .3rem;} .nsList{padding-top: 1.3rem;padding-bottom: 1.5rem;} .nsList-top{margin-top: 1.1rem;} .nsList-top>a{border-radius: .2rem;background-color: #f3f3f3;} .nsList-top ._text{padding: .8rem .7rem;} .nsList-top ._text>div{position: relative;height: 100%;} .nsList-top ._text ._time{line-height: 1;color: #999;} .nsList-top ._text ._title{font-size: .28rem;margin-top: .3rem;color: #222;line-height: 1.8928571428571428;transition: color .3s ease; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-height: calc(1.8928571428571428 * 2em);} .nsList-top ._text ._more{position: absolute;bottom: 0;left: 0;} .nsList-top ._pic{width: 52.69230769230769%;padding: .4rem .35rem;} .nsList-top ._pic>div{width: 100%;height: 0;padding-bottom: 53.28467153284672%;position: relative;border-radius: .2rem;overflow: hidden;} .nsList-top ._pic>div img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform .6s ease;} .nsList-ul{margin-top: .96rem;margin-bottom: .8rem;} .nsList-ul>div{flex-wrap: wrap;margin: -.3rem;} .nsList-ul .item{width: 50%;padding: .3rem;} .nsList-ul .item ._pic{width: 100%;height: 0;overflow: hidden;border-radius: .2rem;position: relative;padding-bottom: 53.33333333333333%;} .nsList-ul .item ._pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform .6s ease;} .nsList-ul .item ._text{line-height: 1;padding: .55rem .4rem .25rem .4rem;} .nsList-ul .item ._text ._title{color: #222;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: color .3s ease-out;} .nsList-ul .item ._text ._time{color: #999;margin-top: .3rem;} /*.page-fn*/ .page-fn{border-bottom: 1px solid #ddd;padding: .15rem .25rem;line-height: 1;align-items: center;} .page-fn ._tip{flex-shrink:0;} .page-fn ._tip>a{align-items: center;color: #222;} .page-fn ._tip i{width: 24px;height: 24px;font-size: 12px;background-color: #000002; color: #fff;line-height: 24px;border-radius: 50%;margin-right: .15rem;} .page-fn ._size{margin-left: auto;flex-wrap: wrap;padding-left: .5rem;} .page-fn ._size>div{padding: 0 .15rem;} .page-fn ._size>div>span, .page-fn ._size>div>a{display:block;color: #c3c3c8;height: .4rem;line-height: .4rem;min-width:.4rem;} .page-fn ._size>div>a{transition: color .3s ease-out;} .page-fn ._size>div.active>a,.page-fn ._size>div.active>span{color: #222;} .page-fn ._size>div.disabled{cursor: not-allowed;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>资讯-详情<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .nsDel{padding-top: 2rem;position: relative;background-color: #f0f3f8;} .nsDel .nsDel-bg{position: absolute;top: 0;left: 0;width: 100%;z-index: -1;height: 100vh;} .nsDel .nsDel-bg>img{width: 100%;height: 100%;object-fit: cover;object-position: top;} .nsDel-top{position: relative;} .nsDel-top .c_center{padding: 0 2rem;} .nsDel-top .c_center ._title{font-size: .42rem;line-height: 1.3;} .nsDel-top .c_center ._time{color: #999;line-height: 1;margin-top: .25rem;} .nsDel-top ._btn{position: absolute;top: 50%;transform: translateY(-50%);line-height: 1;} .nsDel-top .c_left{left: 0;} .nsDel-top .c_right{right: 0;} .nsDel-top ._btn>a{align-items: center;color: #222;opacity: .4;transition: opacity .3s ease-out;} .nsDel-top ._btn>a i{width: 24px;height: 24px;font-size: 12px;background-color: #000002; color: #fff;line-height: 24px;border-radius: 50%;} .nsDel-top .c_left>a i{margin-right: .3rem;} .nsDel-top .c_right>a i{margin-left: .3rem;} .nsDel-content{padding: .8rem 1.35rem 1.35rem;background-color: #fff; border-radius: .2rem;color: #666;line-height: 2.2222222222222223;margin-top: .75rem;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>企业会刊<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .article{background-color: #e8edf3;padding-bottom: 1.55rem;position: relative;z-index: 2;} .articleBanner{overflow: initial;} .article-banner-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;} .article-banner-bg ._pic{position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);} .article-banner-bg ._pic img{min-height: 100vh;width: 100%;object-fit: cover;transform: scale(2);transform-origin: 70% 50%;opacity: 0;} .article-banner-bg ._pic._ani1{z-index: 2;} .article-banner-bg ._pic._ani2{z-index: 1;} .article-banner-text{color: #324156;max-width: 5.2rem;perspective: 600px;-webkit-perspective: 600px;width: 100%;} .article-banner-text ._en{font-weight: bold;text-transform: uppercase;line-height: 1.3333333333333333;} .article-banner-text ._cn{font-size: .56rem;font-weight: bold;line-height: 1;margin-top: .35rem;} .article-banner-text ._line{margin-top: .3rem;line-height: 2.3125;} .article-list{padding-bottom: 1.5rem;} .article-list .plate{margin-bottom: 1.7rem;} .article-list .plate:last-of-type{margin-bottom: 0;} .article-list .plate .plate-title{font-size: .72rem;line-height: 1;padding-bottom: .4rem;border-bottom: 1px solid #ccc;} .article-list .plate .plate-cnt{margin-top: 1rem;} .article-swiper{margin: -.25rem !important;} .article-swiper .swiper-slide{width: 25%;} .article-swiper .item{padding: .25rem;} .article-swiper .item>a{border-radius: .2rem;overflow: hidden;transition: transform .6s ease;background-color: #fff;} .article-swiper .item ._pic{width: 100%;height: 0;padding-bottom: 135.82089552238805%;position: relative;} .article-swiper .item ._pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} .article-swiper .item ._text{line-height: 1;padding: .2rem;align-items: center;} .article-swiper .item ._text ._name{color: #222;transition: color .3s ease-out;} .article-swiper .item ._text ._preview{align-items: center;margin-left: auto;color: #999;color: #999;} .article-swiper .item ._text ._preview .more-fn{width: 20px;height: 20px;padding: 0 4px;margin-left: 7px;flex-shrink: 0;} .article-swiper .item ._text ._preview .more-fn>s{width: 2px;height: 2px;} .article-swiper .article-swiper-button{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;right: .25rem;pointer-events: none;} .article-swiper .article-swiper-button button{margin-left: .4rem;pointer-events: auto;} .article-swiper .article-swiper-button button:first-of-type{margin-left: 0;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>案例列表<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .case-top{padding-top: 1.8rem;padding-bottom: 1.4rem;overflow: hidden;position: relative;} .case-top .case-top-bg{position: absolute;top: 0;left: 0;width: 100%;z-index: -1;height: 100vh;} .case-top .case-top-bg>img{width: 100%;height: 100%;object-fit: cover;object-position: top;} .case-top-swiper{overflow: initial !important;} .case-top-swiper .swiper-slide{width: auto;padding:0 .3rem;} .case-top-swiper .item{width: 5.8rem;} .case-top-swiper .item>a{padding: .3rem;background-color: #fff;border-radius: .2rem; pointer-events: none;transition: transform .8s ease,box-shadow .8s ease;} .case-top-swiper .item ._pic{width: 100%;height: 0;padding-bottom: 64.72868217054264%;position: relative;border-radius: .2rem;overflow: hidden;opacity: .2;transition: opacity .8s ease;} .case-top-swiper .item ._pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform .6s ease;} .case-top-swiper .item ._text{margin-top: .5rem;text-align: center;} .case-top-swiper .item ._text ._title{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 1;color: #666;transition: opacity .8s ease;} .case-top-swiper .item ._text ._line{line-height: 2;color: #999;margin-top: .3rem;height: calc(2 * 2em);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .case-top-swiper .item ._text .more-fn{margin: 0 auto;margin-top: .3rem;background-color: #c9c9c9;transition: opacity .8s ease, transform .35s ease-out;} .case-top-swiper .swiper-slide.active .item>a{pointer-events: auto;box-shadow:0 0 25px rgba(0, 0, 0, .1);transform: scale(1.07);} .case-top-swiper .swiper-slide.active .item ._text ._title{color: #222;} .case-top-swiper .swiper-slide.active .item ._text .more-fn{background-color: #222;} .case-top-swiper .swiper-slide.active .item ._pic{opacity: 1;} .case-content{padding-top: 1.1rem;padding-bottom: 1.55rem;} .case-list{margin-top: 1rem;margin-bottom: 1.2rem;} .case-list>div{margin: -.29rem -.15rem;flex-wrap: wrap;} .case-list .item{padding: .24rem .15rem;width: 33.333333%;} .case-list .item>a{background-color: #f6f6f6;border-radius: .2rem;width: 100%;height: 0; padding-bottom: 64.8%;position: relative;transition: background-color .35s ease-out,box-shadow .35s ease-out;} .case-list .item>a>div{position: absolute;top: 50%;left: 0;width: 100%;padding: 0 .4rem;transform: translateY(-50%);} .case-list .item ._title{color: #222;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height: 1;transition: color .35s ease-out,transform .35s ease-out;} .case-list .item ._line{color: #999;line-height: 2;height: calc(2 * 3em);display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-top: .3rem;} .case-list .item ._hideBtn{height: 0;opacity: 0;visibility: hidden;transition: .35s ease-out;} .case-list .item ._hideBtn>div{display: inline-block;margin: 0 auto;padding-top: .3rem;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>视频教程<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .tutorial-top{padding-top: 2.1rem;padding-bottom: 1rem;position: relative;overflow: hidden;} .tutorial-top .tutorial-top-bg{position: absolute;top: 0;left: 0;width: 100%;z-index: -1;height: 100vh;} .tutorial-top .tutorial-top-bg>img{width: 100%;height: 100%;object-fit: cover;} .tutorial-top-swiper{width: 93.22916666666666%;max-width: 1790px;} .tutorial-top-swiper .item>a{position: relative;width: 100%;height: 0;padding-bottom: 63%;border-radius: .2rem;overflow: hidden;pointer-events: none;} .tutorial-top-swiper .item>a:before, .tutorial-top-swiper .item>a:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: opacity .6s ease; display: none;} .tutorial-top-swiper .item>a:before{background-image: linear-gradient(to top,#d0dbe6, #e7eaf1, #e4e8ef);opacity: 1;} .tutorial-top-swiper .item>a:after{background-image: linear-gradient(to top,#c3cfe2, #f5f7fa);opacity: 0;} .tutorial-top-swiper .item ._pic{position: absolute;top: 10%;left: 10%;width: 80%;height: 80%;z-index: 2;transition: transform .6s ease;} .tutorial-top-swiper .item ._pic img{width: 100%;height: 100%;object-fit: contain;} .tutorial-top-swiper .swiper-slide.active .item>a{pointer-events: auto;} .tutorial-top-swiper .swiper-slide.active .item>a:before{opacity: 0;} .tutorial-top-swiper .swiper-slide.active .item>a:after{opacity: 1;} .tutorial-top-swiper .item ._title{position: absolute;bottom: 0;left: 0;width: 100%;padding: .35rem .5rem;align-items: center; justify-content: center; z-index: 5;color: #222;transform: translateY(-20px);opacity: 0;transition: opacity 1.2s ease,transform 1.2s ease;} .tutorial-top-swiper .item ._title ._name{line-height: 1;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-right: .4rem; flex: none;} .tutorial-top-swiper .item ._title ._icon{width: 28px;height: 28px;line-height: 28px; background-color: #222;border-radius: 50%;color: #fff;/*margin-left: auto;*/ margin-left: 0;} .tutorial-top-swiper .swiper-slide.active .item ._title{opacity: 1;transform: none;transition-delay: .5s;} .tutorial-top-swiper .tutorial-top-button{margin-top: .6rem;justify-content: center;} .tutorial-top-swiper .tutorial-top-button button{margin: 0 .2rem;} .tutorial-content{padding-top: .9rem;padding-bottom: 1.55rem;} .tutorial-content-list{margin-top: 1.2rem;margin-bottom: 1.5rem;} .tutorial-content-list>div{margin: -.5rem -.4rem;flex-wrap: wrap;} .tutorial-content-list .item{width: 50%;padding: .5rem .4rem;} .tutorial-content-list .item ._figure{width: 100%;height: 0;padding-bottom: 60.35182679296346%;position: relative; border-radius: .2rem;overflow: hidden;} .tutorial-content-list .item ._figure ._pic{position: absolute;top: 10%;left: 10%;width: 80%;height: 80%;transition: transform .6s ease;} .tutorial-content-list .item ._figure ._pic img{width: 100%;height: 100%;object-fit: contain;} .tutorial-content-list .item ._title{margin-top: .45rem;padding-left: .45rem;padding-right: .3rem;} .tutorial-content-list .item ._title ._name{color: #222;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-right: .6rem;} .tutorial-content-list .item ._title ._icon{width: 28px;height: 28px;line-height: 28px; background-color: #222;border-radius: 50%;color: #fff;margin-left: auto;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>常见问题<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .guide-top{padding-top: 2.5rem;padding-bottom: 2.3rem;position: relative;overflow: hidden;} .guide-top .guide-top-bg{position: absolute;top: 0;left: 0;width: 100%;z-index: -1;height: 100vh;} .guide-top .guide-top-bg>img{width: 100%;height: 100%;object-fit: cover;} .guide-top-info ._title{font-size: .36rem;line-height: 1.4;} .guide-top-info ._search{margin-top: .6rem;} .guide-top-info ._search form{align-items: center;border: 1px solid #eee;border-radius: .1rem; background-color: #fff;width: 100%;height: .64rem;width: 9rem;max-width: 100%;margin: 0 auto;} .guide-top-info ._search ._value{width: 100%;height: 100%;padding: 0 .4rem;} .guide-top-info ._search ._value input{width: 100%;height: 100%;border: none;background: none;} .guide-top-info ._search ._value input::-webkit-input-placeholder{color: #999;} .guide-top-info ._search ._value input:-moz-placeholder{color: #999;} .guide-top-info ._search ._value input::-moz-placeholder{color: #999;} .guide-top-info ._search ._value input:-ms-input-placeholder{color: #999;} .guide-top-info ._search ._btn{padding: 0 .12rem;} .guide-top-info ._search ._btn button{width: .4rem;height: .4rem;background-color: #222;color: #fff;border: none;border-radius: 50%;} .guide-content{padding-top: 1rem;padding-bottom: 1.55rem;} .guide-content-list{/*margin-top: .9rem;*/margin-bottom: 2rem;} .guide-content-list>div{width: 100%;max-width: 1250px;margin: 0 auto;} .guide-content-list .item{margin-top: .5rem;} .guide-content-list .item:first-of-type{margin-top: 0;} .guide-content-list .item>a{padding: .55rem .9rem;background-color: #f6f6f6;border-radius: .2rem;transition: box-shadow .4s ease-out,background-color .4s ease-out;} .guide-content-list .item ._title ._icon{height: .28rem;transform: translateY(.25em);} .guide-content-list .item ._title ._icon img{height: 100%;} .guide-content-list .item ._title ._val{font-weight: bold;padding-left: .23rem;color: #222;} .guide-content-list .item ._line{margin-top: .23rem;} .guide-content-list .item ._line ._icon{height: .24rem;transform: translateY(.25em);} .guide-content-list .item ._line ._icon img{height: 100%;} .guide-content-list .item ._line ._val{color: #666;line-height: 2;padding-left: .23rem;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>行业标准<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .industry-top{padding-top: 2.6rem;padding-bottom: 2rem;position: relative;overflow: hidden;perspective: 600px;-webkit-perspective: 600px;} .industry-top .industry-top-bg{position: absolute;top: 0;left: 0;width: 100%;z-index: -1;height: 100vh;} .industry-top .industry-top-bg>img{width: 100%;height: 100%;object-fit: cover;} .crown .crown-left{width: 55.32051282051282%;background-color: #fff;padding: 1.7rem .8rem .6rem .8rem;} .crown .crown-left ._title{font-weight: bold;position: relative;z-index: 2;} .crown .crown-left ._title ._cn{font-size: .36rem;color: #222;line-height: 1;} .crown .crown-left ._title ._en{position: absolute;bottom: -.5rem;left: 0;z-index: -1;line-height: 1.1;} .crown .crown-left ._title ._en>div{font-size: .94rem;text-transform: uppercase;-webkit-text-stroke: 1px #e8e8e8; -webkit-text-fill-color: transparent;} .crown .crown-left ._title ._en>div:last-of-type{padding-left: 1rem;} .crown .crown-left ._list{margin-top: 1.4rem;text-align: justify;} .crown .crown-left ._list>div{margin: 0 -.45rem;} .crown .crown-left ._list .item{padding: 0 .45rem;width: 50%;} .crown .crown-left ._list .item>a{color: #666;padding-top: .2rem;border-top: 2px solid #ddd;position: relative;transition: color .3s ease-out;} .crown .crown-left ._list .item>a:hover{ color:#222;} .crown .crown-left ._list .item ._names{line-height: 2.25;height: calc(2.25 * 2em);display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .crown .crown-left ._list .item ._names:hover{color:#222;} .crown .crown-left ._list .item>a:before{content: '';position: absolute;left: 0;top: -2px;width: 0;height: 2px;background-color: var(--color1);transition: width .6s ease;} .crown .crown-right .item{width: 50%;padding-left: .25rem;height: 100%;} .crown .crown-right .item>a{position: relative;height: 100%;} .crown .crown-right .item ._pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;overflow: hidden;} .crown .crown-right .item ._pic img{width: 100%;height: 100%;object-fit: cover;transition: transform .6s ease;} .crown .crown-right .item ._text{width: 100%;height: 100%;padding: .5rem .3rem;color: #fff;} .crown .crown-right .item ._text>div{position: relative;width: 100%;height: 100%;} .crown .crown-right .item ._text ._title{font-weight: bold;text-align: justify;} .crown .crown-right .item ._text ._more{position: absolute;bottom: 0;left: 0;padding: .1rem .14rem; line-height: 1;border: 1px solid #fff;border-radius: 5px;transition: color .3s ease-out;} /*mores-fn*/ .mores-fn{color: #fff;position: relative;overflow: hidden;z-index: 2;} .mores-fn:before,.mores-fn:after{content:'';position:absolute;height:100%;width:100%; top:100%;left:0;transition:transform .4s cubic-bezier(0.75, 0, 0.125, 1);z-index: -1;} .mores-fn.style1:before{background-color: rgba(255,255,255,.5);} .mores-fn.style1:after{background-color: #fff;} .mores-fn.style2:before{background-color: rgba(0,162,233,.5);} .mores-fn.style2:after{background-color: var(--color1);} .mores-hover:hover .mores-fn.style1, .mores-hover.mores-fn.style1:hover{color: var(--color1);} .mores-hover:hover .mores-fn:before, .mores-hover:hover .mores-fn:after, .mores-hover.mores-fn:hover:before, .mores-hover.mores-fn:hover:after{transform: translate3d(0, -100%, 0);} .mores-hover:hover .mores-fn:after, .mores-hover.mores-fn:hover:after{transition-delay: 0.175s;} .industry-content{padding-top: 1.37rem;padding-bottom: 1.55rem;} .industry-content-list{margin-bottom: 1.6rem;} .industry-content-list>div{margin: -.3rem -.42rem;flex-wrap: wrap;} .industry-content-list .item{width: 50%;padding: .3rem .42rem;} .industry-content-list .item>a{background-color: #f6f6f6;border-radius: .2rem;padding: .55rem .75rem;line-height: 1;transition: all .4s ease-out;} .industry-content-list .item ._title{color: #222;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .industry-content-list .item ._more{color: #fff;margin-top: .45rem;background-color: #d9d9d9;display: inline-block;padding: .1rem .14rem;border-radius: 5px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>服务网点<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .network-banner-txt{line-height: 1;font-weight: lighter;display: inline-block;text-align: center;} .network-banner-txt ._line{color: #666;margin-top: .6rem;} .ntk-content{padding: 1.75rem 0;} .ntk-content-maps{position: relative;} .ntk-content-switch{position: absolute;right: 0;top: 33.333333%;z-index: 50;} .ntk-content-switch>a{color: #fff;background-color: #222;padding: .12rem .2rem;border-radius: .1rem;} .ntk-content-maps .ntk-content-maps-bg{width: 100%;position: relative;} .ntk-content-maps .ntk-content-plat{width: 100%;position: relative;transition: height .6s ease;} .ntk-content-maps .ntk-content-plat ._item{width: 100%;position:absolute;top: 0;left: 0;transition: all .6s ease;} .ntk-content-maps .ntk-content-plat ._item img{width: 100%;} .ntk-content-maps .ntk-content-plat .maps2{transform: translateX(20%) scale(.75);opacity: 0;transform-origin: center right;} .ntk-content-maps.on .ntk-content-plat .maps1{transform: translateX(-20%) scale(.75);opacity: 0;transform-origin: center left;} .ntk-content-maps.on .ntk-content-plat .maps2{transform: translateX(0%);opacity: 1;transform-origin: center center;} .ntk-content-maps .ntk-content-site{position: absolute;top: 36%;left: 77%;transition: all .6s ease;} .ntk-content-maps .ntk-content-site ._cir{width: .18rem;height: .18rem;border-radius: 50%;background-color: var(--color1);position: relative;z-index: 2;} .ntk-content-maps .ntk-content-site ._cir .c1, .ntk-content-maps .ntk-content-site ._cir .c2{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;} .ntk-content-maps .ntk-content-site ._cir .c1{width: 1.6rem;height: 1.6rem;} .ntk-content-maps .ntk-content-site ._cir .c1:before{content: '';display: block;width: 100%;height: 100%; border-radius: 50%;animation: soak 2s infinite linear;background-color: var(--color1);opacity: .2;} .ntk-content-maps .ntk-content-site ._cir .c2{width: 2.02rem;height: 2.02rem;} .ntk-content-maps .ntk-content-site ._cir .c2:before{content: '';display: block;width: 100%;height: 100%;background-size: contain;background-position: center center; background-repeat: no-repeat;background-image: url(../image/mac/cirs.png);animation: ring 30s linear infinite;} @keyframes ring{ from {transform:rotateZ(0deg);} to {transform: rotateZ(360deg);} } @keyframes soak{ 0% { transform:scale(.8); } 50% { transform:scale(1); } 100% { transform:scale(.8); } } .ntk-content-maps .ntk-content-site ._text{position: absolute;bottom: 1rem;left: 50%;transform: translateX(-50%);width: 3.4rem;} .ntk-content-maps .ntk-content-site ._text:before{content: '';} .ntk-content-maps .ntk-content-site ._text>div{background-color: var(--color1);color: #fff; padding: .2rem;border-radius: 5px;animation: drift 1.5s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;will-change: transform;} .ntk-content-maps .ntk-content-site ._text ._title{line-height: 1;} .ntk-content-maps .ntk-content-site ._text ._line{opacity: .75;margin-top: 5px;} @keyframes drift{ 0% {transform:translateY(0);} 100% {transform:translateY(-12px);} } .ntk-content-data{position: absolute;left: 0;bottom: 1.2rem;z-index: 2;line-height: 1;} .ntk-content-data .item{margin-right: .75rem;} .ntk-content-data .item:last-of-type{margin-right: 0;} .ntk-content-data .item ._num{font-size: .52rem;color: #222;border-top: 2px solid #e1e1e1;position: relative;padding-top: .5rem;display: inline-block;} .ntk-content-data .item ._num:before{content: '';position: absolute;top: -2px;left: 50%;width: 0;height: 2px;background-color: #222;} .ntk-content-data .item ._name{color: #999;margin-top: .25rem;} .ntk-content-data .item>a.on ._num:before{width: 100%;left: 0;} .ntk-loc{margin-top: .65rem;} .ntk-loc .ntk-loc-tab{background-color: #f3f3f3;border-radius: 5px;text-align: center;overflow-x: auto;overflow-y: hidden;} .ntk-loc .ntk-loc-tab>div{position: relative;z-index: 2;} .ntk-loc .ntk-loc-tab .item{/*min-width: 20%;*/flex-shrink: 0; min-width: calc(100% / 6);} .ntk-loc .ntk-loc-tab .item>a{color: #999;line-height: .56rem;height: .56rem;padding: 0 .5rem;transition: color .3s ease-out;} .ntk-loc .ntk-loc-tab .item.on>a{color: #fff !important;} .ntk-loc .ntk-loc-tab ._follow{position: absolute;left: 0;top: 0;width: 0;height: 100%;background-color: #222;border-radius: 5px;z-index: -1;} .ntk-loc-ul{margin-top: .6rem;} .ntk-loc-ul ._list{display: none;} .ntk-loc-ul ._list.on{display: block;} .ntk-loc-ul ._list>div{margin: -.22rem -.17rem;flex-wrap: wrap;} .ntk-loc-ul ._list .item{width: 33.333333%;padding: .22rem .17rem;} .ntk-loc-ul ._list .item>div{border-radius: .2rem;border: 1px solid #ddd;padding: .45rem .4rem;} .ntk-loc-ul ._list .item ._info{margin-top: .4rem;color: #999;} .ntk-loc-ul ._list .item ._info ._line{margin-top: .3rem;} .ntk-loc-ul ._list .item ._info ._line:first-of-type{margin-top: 0;} .ntk-loc-ul ._list .item ._info ._line ._icon{width: .22rem;transform: translateY(.25em);} .ntk-loc-ul ._list .item ._info ._line ._icon img{width: 100%;} .ntk-loc-ul ._list .item ._info ._line ._txt{padding-left: .16rem;line-height: 1.875;} .ntk-content-maps.on .ntk-content-site{top: 67%;left: 47.5%;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>加入我们<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .join-banner-bg{width: 100%;height: 100%;transform:scale(1.2);} .join-banner-bg .swiper-slide{overflow:hidden;} .join-banner-bg ._pic{width:100%;height:100%;} .join-banner-bg ._pic img{width:100%;height:100%;object-fit:cover;} .join-banner-txt{text-align: center;font-weight: lighter;} .join-banner-txt ._item{width:100%;display:none;perspective: 600px;-webkit-perspective: 600px;} .join-banner-txt ._item.on{display:block;} .join-banner-txt ._item .p1{font-size: .36rem;color: #fff;} .join-banner-txt ._item .p2{height: 1.17rem;justify-content: center;margin: .3rem 0;} .join-banner-txt ._item .p2 img{height: 100%;} .join-banner-txt ._item .p3{font-size: .3rem;color: #ebd1aa;} .join-banner-txt ._item .p4{color: #ebd1aa;margin-top: .7rem;line-height: 1.8571428571428572;font-family: 'initial';} .jn01{background-color: #0c161e;padding-top: 1.1rem;padding-bottom: 1.3rem;color: #fff;} .jn01 a{color: #fff;} .jn01-top ._line{margin-top: .35rem;line-height: 2.35;} .jn01-top ._more{margin-top: .5rem;} .jn01-top ._more>a{width: 2.22rem;height: .6rem;border:1px solid #fff;align-items: center; border-radius: .1rem;margin: 0 auto;line-height: .6rem;justify-content: center;transition: color .3s ease-out;} .jn01-list{margin-top: 1rem;} .jn01-list>div{margin: 0 -.42rem;} .jn01-list .item{width: 33.333333%;padding: 0 .42rem;} .jn01-list .item>div{border: 1px solid rgba(255,255,255,.2);border-radius: .2rem;overflow: hidden;transition:all .4s ease-out;height: 100%;} .jn01-list .item ._pic{width: 100%;height: 0;padding-bottom: 78.93569844789357%;position: relative;overflow: hidden;} .jn01-list .item ._pic img{width: 100%;height: 100%;top: 0;left: 0;position: absolute;object-fit: cover;transition: transform .6s ease-out;} .jn01-list .item ._text{padding: .5rem .25rem .4rem .25rem;text-align: justify;} .jn01-list .item ._text ._line{line-height: 2;opacity: .2;margin-top: .25rem;transition:opacity .4s ease-out;min-height: calc(3 * 2em);} .jn02{overflow: hidden;position: relative;padding-top: 2.5rem;padding-bottom: 1.8rem;} .jn02 .jn02-bg{position: absolute;top: 0;left: 0;width: 100%;z-index: -1;height: 100%;} .jn02 .jn02-bg>img{width: 100%;height: 100%;object-fit: cover;} .jn02-content{align-items: center;} .jn02-content ._text{color: #fff;padding-right: 1.2rem;} .jn02-content ._text ._line{line-height: 2;margin-top: .35rem;} .jn02-content ._text ._more{margin-top: .55rem;} .jn02-content ._text ._more>a{width: 2.22rem;height: .6rem;border:1px solid #fff;align-items: center; border-radius: .1rem;line-height: .6rem;justify-content: center;transition: color .3s ease-out;} .jn02-content ._figure{width: 53.3974358974359%;} .jn02-content ._figure ._pic{width: 100%;height: 0;padding-bottom: 63.74549819927972%;position: relative;border-radius: .2rem;overflow: hidden;} .jn02-content ._figure ._pic img{width: 100%;height: 110%;object-fit: cover;position: absolute;top: 0;left: 0;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>联系我们<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .ctt-banner-txt{font-weight: lighter;color: #fff;width: 50%;margin-left: auto;} .ctt-banner-txt .p1{font-family: 'initial';} .ctt-banner-txt .p2{margin-top: .25rem;} .ctt-banner-txt .p3{font-size: .36rem;margin-top: .2rem;} .ctt-banner-txt .p4{margin-top: 1.6rem;} .ctt-banner-txt .p4 ._icon{width: .22rem;transform: translateY(.2em);} .ctt-banner-txt .p4 ._icon img{width: 100%;} .ctt-banner-txt .p4 ._txt{letter-spacing: .5em;padding-left: .15rem;} .ctt01{padding-top: 1.2rem;padding-bottom: 1.9rem;} .ctt01-content{align-items:center;} .ctt01-content .ctt01-content-left{width: 50%;padding-right: 1.2rem;} .ctt01-content .ctt01-content-left ._title ._en{font-size: .6rem;line-height: 1.2;} .ctt01-content .ctt01-content-left ._title ._cn{margin-top: .12rem} .ctt01-content .ctt01-content-left ._plat{width: 100%;height: 3.45rem;margin-top: .55rem;overflow: hidden;border-radius: .2rem;} #gaodemap{width: 100%;height: 100%;} @keyframes mapDoc{ 0% { opacity:.6; transform:scale(1); } 50% { opacity:.2; transform:scale(8); } 100% { opacity:.6; transform:scale(1); } } #gaodemap .ripple{text-align: center;line-height: 1;} #gaodemap .ripple>i{font-size: .3rem;display: block;color: var(--color1);} #gaodemap .ripple>span{position:relative;left:50%;width: .14rem;height: .14rem;display: block; border-radius: 50%;background-color:var(--color1);transform: translateX(-50%);} #gaodemap .ripple>span:before{content:'';position: absolute;top: 0;left: 0; width: 100%;height: 100%;border-radius: 50%;background-color: var(--color1); animation:mapDoc 6s ease-in-out infinite;opacity: 0;} .ctt01-content .ctt01-content-right{width: 50%;padding-left: 1.2rem;} .ctt01-content .ctt01-content-right .item{padding:.65rem 0;border-bottom:1px solid #f0f0f0;} .ctt01-content .ctt01-content-right .item:hover{color:black} .ctt01-content .ctt01-content-right .item:first-of-type{padding-top:0;} .ctt01-content .ctt01-content-right .item:last-of-type{padding-bottom:0;border-bottom:0;} .ctt01-content .ctt01-content-right .item ._name{color: #aaa;line-height: 1;} .ctt01-content .ctt01-content-right .item ._tel{font-size: .3rem;margin-top: .1rem;font-weight: bold;} .ctt01-content .ctt01-content-right .item ._ts{margin-top: .15rem;} .ctt01-content .ctt01-content-right .item ._line{color: #aaa;line-height: 1.8125;margin-top: .05rem;} .ctt01-content .ctt01-content-right .item ._tel:hover{color:black} .ctt02{padding: 1.3rem 0;position: relative;overflow: hidden;} .ctt02 .ctt02-bg{position: absolute;top: 0;left: 0;width: 100%;z-index: -1;height: 100%;} .ctt02 .ctt02-bg>img{width: 100%;height: 100%;object-fit: cover;} .ctt02-content{color: #fff;} .ctt02-content-form{margin-top: .7rem;} .ctt02-content-form form{width: 100%;display: block;margin: -.15rem 0;} .ctt02-content-form ._row{margin: 0 -.14rem;} .ctt02-content-form ._row ._item{padding: .15rem .14rem;width: 50%;} .ctt02-content-form ._row ._item>div{background-color: rgba(255,255,255,.2);padding: .22rem .2rem;align-items: center;border-radius: .1rem;} .ctt02-content-form ._row ._item input{border: none;background: none;color: #fff;line-height: 1.5;} .ctt02-content-form ._row ._txt{padding: .1rem .14rem;} .ctt02-content-form ._row ._txt>div{background-color:rgba(255,255,255,.2);padding: .22rem .2rem;border-radius: .1rem;} .ctt02-content-form ._row ._txt textarea{width: 100%;height:2.2rem;border: none;background: none;color: #fff;resize: none;line-height: 1.5;} .ctt02-content-form ._btn{margin-top: .7rem;justify-content: center;} .ctt02-content-form ._btn .masterBtn{width: 2.6rem;height: .64rem;border: none;border-radius: .1rem;margin: 0 .25rem;} .ctt02-content-form ._btn .resetting-btn{background-color: #d4d4d4;} .ctt02-content-form ._btn .submit-btn{background-color: #d4d4d4;} .ctt03{padding-top: 1.5rem;position: relative;padding-bottom: .7rem;} .ctt03 .ctt03-bg{position: absolute;bottom: 0;left: 0;width: 100%;z-index: -1;height: 100%;} .ctt03 .ctt03-bg>img{width: 100%;height: 100%;object-fit: cover;} .ctt03-content-list{margin-top: .8rem;} .ctt03-content-list ._row{position: relative;} .ctt03-content-list ._row:after{content: '';position: absolute;top:1.17rem;width: 50%;height: 100%; border-color: #ccc;border-style: solid;border-width: 1px;border-radius: .2rem;z-index: -1;} .ctt03-content-list ._row:nth-child(even){flex-direction:row-reverse;} .ctt03-content-list ._row:nth-child(odd):after{border-left-width: 0;border-bottom-left-radius: 0;right: 0;} .ctt03-content-list ._row:nth-child(even):after{border-right-width: 0;border-bottom-right-radius: 0;left: 0;} .ctt03-content-list ._row:last-of-type:after{display: none;} .ctt03-content-list ._row:first-of-type:before, .ctt03-content-list ._row:last-of-type:before{content: '';position: absolute;top:1.17rem;height: 0;z-index: -1;border-top: 1px solid #ccc;} .ctt03-content-list ._row:first-of-type:before{left: .2rem;right: 50%;} .ctt03-content-list ._row:last-of-type:before{right: .2rem;left: 50%;} .ctt03-content-list ._row .item{width: 20%;padding: 0 .2rem;} .ctt03-content-list ._row .item:hover{color:#222;} .ctt03-content-list ._row .item>div{position: relative;z-index: 2;} .ctt03-content-list ._row .item>div:before{content: '';position: absolute;top: 1.17rem;left: 50%;height: 0; border-top: 1px solid var(--color1);width: 0;transition: all .6s ease;z-index: -1;} .ctt03-content-list ._row .item ._icon{margin: 0 auto;position: relative;width: .8rem;} .ctt03-content-list ._row .item ._icon img{width: 100%;} .ctt03-content-list ._row .item ._icon ._mask{position: absolute;bottom: 0;left: 0;width: 100%;height: 0;overflow: hidden;transition: height .6s ease;} .ctt03-content-list ._row .item ._icon ._mask img{position: absolute;bottom: 0;left: 0;} .ctt03-content-list ._row .item ._cir{width: .24rem;height: .24rem;border-radius: 50%;border: 1px solid #ccc;background-color: #fff; margin:.25rem auto 0;position: relative;transition: border-color .3s ease-out;} .ctt03-content-list ._row .item ._cir:before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); border-radius: 50%;border: 1px solid #ccc;width: .08rem;height: .08rem;transition: border-color .3s ease-out;} .ctt03-content-list ._row .item ._txt{text-align: center;position: relative;padding-top: .45rem;height: 2.3rem;} .ctt03-content-list ._row .item ._txt ._order{font-size: .88rem;position: absolute;top: 0;color: #ccc;left: 50%;transform: translateX(-50%);font-weight: bold;z-index: -1; background-image:-webkit-linear-gradient(top,#000 ,#0000001a);-webkit-background-clip:text; -webkit-text-fill-color:transparent;opacity: .1;line-height: 1;} .ctt03-content-list ._row .item ._txt ._order:before{content: attr(data-content);position: absolute;top: 0;left: 0;z-index: 2;transition: opacity .3s ease-out; background-image:-webkit-linear-gradient(top,var(--color1) ,#00a2e91a);-webkit-background-clip:text; -webkit-text-fill-color:transparent;opacity: 0;} .ctt03-content-list ._row .item ._txt ._cn{transition: color .3s ease-out;} .ctt03-content-list ._row .item ._txt ._en{color: #ccc;margin-top: 5px;transition: color .3s ease-out;} /*masterBtn1*/ .masterBtn{align-items:center;justify-content: center;color: #fff;transition: transform .6s ease-in-out;} .masterBtn ._txt{letter-spacing:1px;line-height:1;white-space: nowrap;} .masterBtn ._txt span{display:inline-block;position:relative; transition:all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);} .masterBtn ._txt span:before{content: attr(data-word);position: absolute;top:110%; color: transparent;transition: color 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);} .masterBtn ._txt span:nth-child(1):before{transition-delay:0s;} .masterBtn ._txt span:nth-child(2), .masterBtn ._txt span:nth-child(2):before{transition-delay:0.035s;} .masterBtn ._txt span:nth-child(3), .masterBtn ._txt span:nth-child(3):before{transition-delay:0.07s;} .masterBtn ._txt span:nth-child(4), .masterBtn ._txt span:nth-child(4):before{transition-delay:0.105s;} .masterBtn ._txt span:nth-child(5), .masterBtn ._txt span:nth-child(5):before{transition-delay:0.14s;} .masterBtn ._txt span:nth-child(6), .masterBtn ._txt span:nth-child(6):before{transition-delay:0.175s;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>产品列表<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .productBanner{padding-top: .9rem;height: 100vh;} .productBanner>div{position: relative;height: 100%;overflow: hidden;} .product-banner-bg{position: absolute;z-index: -1;width: 100%;height: 100%;} .product-banner-bg ._pic{position: absolute;width: 100%;height: 100%;transform: scale(1.05);} .product-banner-bg img{width: 100%;height: 100%;object-fit: cover;} .product-Banner-info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .productBanner-video{width: 100%;height: 100%;} .productBanner-video ._pic{width: 100%;height: 100%;overflow:hidden;} .productBanner-video ._pic>img, .productBanner-video ._pic>video{width: 100%;height: 100%;object-fit: cover;} .productBanner-video ._pic>img{animation: huxi 20s linear infinite;position: absolute;top: 0;left: 0;z-index:2;} .productBanner-video ._play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index:5;} .productBanner-video ._play>a{color: #fff;line-height: 1;} .productBanner-video ._play>a>i{width: .65rem;height: .65rem;display: block;color:#242322;background-color: #fff; border-radius: 50%;line-height: .65rem;margin: 0 auto;position:relative;} .productBanner-video ._play>a>i:before{content: '';width: 100%;height: 100%;border-radius: 50%;position: absolute;top: 0;left: 0;transform: scale(0); background-color: rgba(255,255,255,1);z-index: -1;animation: circle-opacity 2.4s infinite;} @keyframes circle-opacity{ from { opacity: 1; transform:scale(1); } to { opacity: 0; transform:scale(2.4); } } .product-Banner-text ._en{height: 1.28rem;} .product-Banner-text ._en img{height: 100%;} .product-Banner-text ._txt{color: #fff;margin-top: .3rem;padding-left: 1.5rem;width:6.5rem;text-align:justify;} .product-Banner-text ._txt .masterTitle1{font-weight: bold;} .product-Banner-text ._txt ._line{line-height: 1.875;margin-top: .2rem;} .product-Banner-text ._txt ._more{margin-top: .3rem;background-color:#fff;} .product-Banner-text ._txt ._more>s{background-color: #000;} .product-content{padding-top: 1.3rem;padding-bottom: 1.55rem;background-color: #f0f4f7;} .product-list{margin: -.2rem;padding-bottom: .9rem;flex-wrap: wrap;} .product-list .item{padding: .2rem;width: 100%;} .product-list .item>a{background-color: #fff;padding: 1rem;border-radius: .2rem;box-shadow: 0 0 20px rgba(0, 0, 0, .05);} .product-list .item .item-text{padding-top: .5rem;text-align: justify;padding-right: .6rem;} .product-list .item .item-text .masterTitle1{color: #1c1c1c;line-height: 1;margin-top:.15rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size:.30rem;} .product-list .item .item-text ._names{color: black;display: block;line-height: 1; font-weight:bold; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 0.38rem;} .product-list .item .item-text ._line{color: #666;margin-top: .3rem;line-height: 2;max-height: calc(2em * 3); display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .product-list .item .item-text ._more{margin-top: .6rem;} .product-list .item .item-figure{width: 64.10256410256411%;} .product-list .item .item-figure ._pic{padding-bottom: 46%;position: relative;width: 100%;transition: transform .4s ease-out;} .product-list .item .item-figure ._pic ._k{position: absolute;top: -10%; left: -10%;width: 120%; height: 120%;/*top: 0;left: 0;width: 100%;height: 100%;*/transition: opacity .5s cubic-bezier(.5,.5,0,1);} .product-list .item .item-figure ._pic ._k img{width: 100%;height: 100%;object-fit: contain;} .product-list .item .item-figure ._pic ._a1{opacity: 1;} .product-list .item .item-figure ._pic ._a2{opacity: 0;} @media screen and (min-width:993px){ .product-list .item:not(:first-child){width: 50%;} .product-list .item:not(:first-child)>a{flex-direction: column;padding: 1rem 1rem .8rem;animation-delay: .2s;} .product-list .item:not(:first-child) .item-figure{order: -1;width: 100%;} .product-list .item:not(:first-child) .item-text{padding: 0;margin-top: 1rem;position: relative;} .product-list .item:not(:first-child) .item-text .masterTitle1{font-size: .38rem;} .product-list .item:not(:first-child) .item-text ._names{display: block;} .product-list .item:not(:first-child) .item-text ._line{display: none;} .product-list .item:not(:first-child) .item-text ._more{position: absolute;right: 0;top: .1rem;margin-top: 0;} .product-list .item:not(:first-child):nth-child(odd)>a{animation-delay: .4s;} } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>产品模板1<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .tep1-text{margin-left: auto;width: 50%;padding-left: .8rem;} .tep1-text ._title{font-size: .72rem;line-height: 1.2;color: #7793a1;} .tep1-text ._line{color: #3c464b;margin-top: .25rem;} .tep1-text ._line ._name{font-size: .36rem;} .tep1-text ._line ._p{line-height: 2;margin-top: 5px;} /*masterTitle3*/ .masterTitle3{font-size: .48rem;font-weight: lighter;font-family: auto;line-height: 1.3;} .masterTitle3 span{font-weight: initial;} .ability{padding-top: 1.15rem;} .ability-top{max-width: 1040px;width: 100%;margin: 0 auto;} .ability-top ._line{color: #666;line-height: 1.875;margin-top: .25rem;} .ability-list{margin-top: .65rem;text-align: justify;} .ability-list>div{margin: -.19rem -.15rem;flex-wrap: wrap;} .ability-list .item{width: 33.333333%;padding: .19rem .15rem;} .ability-list .item:hover{color:black} .ability-list .item>div{border-radius: .2rem;border: 1px solid #ccc;padding: .7rem .45rem .2rem .45rem;position: relative;height: 100%;transition: all .2s linear;} .ability-list .item ._num{position: absolute;z-index: -1;left: -.05rem;top: -.2rem;font-size: 1.4rem;font-weight: bold;line-height: 1; background-image:-webkit-linear-gradient(top, transparent, rgba(230,230,230,.7));-webkit-background-clip:text; -webkit-text-fill-color:transparent;} .ability-list .item ._num:before{content: attr(data-content);position: absolute;top: 0;left: 0;z-index: 2;transition: opacity .3s ease-out; background-image:-webkit-linear-gradient(top, transparent, #00a2e933);-webkit-background-clip:text; -webkit-text-fill-color:transparent;opacity: 0;} .ability-list .item ._line{color: #999;line-height: 1.875;margin-top: .3rem;min-height: calc(3em * 1.875);} .ability-doc{margin-top: .7rem;position: relative;padding-bottom: 1.5rem;} .ability-doc .device{width: 100%;height: 0;padding-bottom: 48.717948717948717%;position: relative;} .ability-doc .device ._pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .ability-doc .device ._pic img{width: 100%;height: 100%;object-fit: contain;} .ability-doc .ability-doc-tip{position: absolute;bottom: .6rem;font-size: 3.56rem; left: 0;text-align: center;width: 100%;line-height: 1;font-weight: bold;white-space:nowrap; background-image:-webkit-linear-gradient(top, transparent, rgba(230,230,230,.5)); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} .ability-host{background-color: #f7f7f7;padding:2.25rem 0;} .juggle{margin: 0 auto;width: 81.25%;} .juggle ._divide{width: 100%;height: 0;position: relative;} .juggle ._divide ._pic{max-width: 100%;opacity: .3;pointer-events: none;} .juggle ._divide ._pic img{max-width: 100%;} .juggle ._divide ._shifting{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .juggle ._divide ._shifting ._item{position: absolute;top: 0;left: 0;height:100%;} .juggle ._divide ._shifting ._item img{width: 100%;height:100%;opacity: 0;transition: opacity .4s ease-out;} .juggle ._divide ._shifting ._item span{display:none;} .juggle ._divide ._shifting ._item.on img{opacity: 1;} .juggle ._divide ._text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 50;} .juggle ._divide ._text ._item{position: absolute;height: 120%;} .juggle ._divide ._text ._item>div{opacity: 0;transition: all .4s ease-out;height: 100%;width: 100%;position: relative;transform: translateY(-20px);} .juggle ._divide ._text ._item ._name{padding: .12rem .35rem;border: 1px solid #999;border-radius: 5px;line-height: 1;position: absolute;left: calc(50% - .5rem);cursor: pointer;transition:color .3s ease-out,border-color .3s ease-out;} .juggle ._divide ._text ._item ._line{position: absolute;left: 50%;border: 1px solid #999;width: .8rem;transform: translateX(-100%);} .juggle ._divide ._text ._item:nth-child(odd) ._name{bottom: 100%;transform: translateY(50%);} .juggle ._divide ._text ._item:nth-child(even) ._name{top: 100%;transform: translateY(-50%);} .juggle ._divide ._text ._item:nth-child(odd) ._line{border-right-width: 0;border-top-width: 0;top:0;bottom: 66.666666%;} .juggle ._divide ._text ._item:nth-child(even) ._line{border-right-width: 0;border-bottom-width: 0;top: 66.666666%;bottom: 0;} .juggle ._divide ._text ._item:first-of-type ._name{transform: translateY(50%);left: -.2rem;} .juggle ._divide ._text ._item:first-of-type ._line{top: 0;bottom: 66.666666%;width: calc(50% + .5rem); border-top-width: 0;left: -.5rem;border-left-width: 1px;transform: none;} .juggle ._divide ._text ._item:last-of-type ._name{top: 100%;right: -.2rem;left: auto;transform: translateY(-50%);bottom: auto;} .juggle ._divide ._text ._item:last-of-type ._line{top: 66.666666%;bottom: 0;width: calc(50% + .5rem); transform: none;border-left-width: 0;border-bottom-width: 0;border-right-width: 1px;border-top-width: 1px;} .juggle ._divide ._text ._item ._line span{width: .14rem;height: .14rem;border-radius: 50%;position: absolute;} .juggle ._divide ._text ._item ._line .rise{background-color: var(--color1);} .juggle ._divide ._text ._item ._line .rise>s{background-color: var(--color1); position: absolute;width: 100%;height: 100%;opacity: 0;z-index: -1; top: 0;left: 0;border-radius: 50%;animation: sign 3.6s infinite;} .juggle ._divide ._text ._item ._line .rise>s:nth-child(1){animation-delay: 0s;} .juggle ._divide ._text ._item ._line .rise>s:nth-child(2){animation-delay: 1.2s;} .juggle ._divide ._text ._item ._line .rise>s:nth-child(3){animation-delay: 2.4s;} @keyframes sign { 0% { transform: scale(1);opacity: 1; } to { transform: scale(5);opacity: 0; } } .juggle ._divide ._text ._item ._line .end{background-color: #999;} .juggle ._divide ._text ._item:nth-child(odd) ._line .rise{bottom: 0;right: 0;transform: translate(50%,50%);} .juggle ._divide ._text ._item:nth-child(odd) ._line .end{top: 0;left: 0;transform: translate(-50%,-50%);} .juggle ._divide ._text ._item:nth-child(even) ._line .rise{top: 0;right: 0;transform: translate(50%,-50%);} .juggle ._divide ._text ._item:nth-child(even) ._line .end{bottom: 0;left: 0;transform: translate(-50%,50%);} .juggle ._divide ._text ._item:first-of-type ._line .rise{bottom: 0;right: 0;transform: translate(50%,50%);left: auto;top: auto;} .juggle ._divide ._text ._item:first-of-type ._line .end{top: 0;left: 0;transform: translate(-50%,-50%);right: auto;bottom: auto;} .juggle ._divide ._text ._item:last-of-type ._line .rise{top: 0;left: 0;transform: translate(-50%,-50%);right: auto;bottom: auto;} .juggle ._divide ._text ._item:last-of-type ._line .end{bottom: 0;right: 0;transform: translate(50%,50%);left: auto;top: auto;} .juggle ._divide ._text ._item.on>div{opacity: 1;transform: none;} .juggle ._divide ._text ._item.on ._name{pointer-events: auto;} .juggle ._info{display:none;} .juggle_item{padding:.4rem;width:7.8rem;border-radius:.1rem;} .juggle_item ._title{font-weight:bold;padding-bottom:.2rem;margin-bottom:.2rem;border-bottom:1px solid #ddd;position:relative;} .juggle_item ._title span{display:none;} .juggle_item ._line{line-height:2;color:#666;} .area{padding-top: .8rem;} .area-list{margin-top: .6rem;position: relative;} .area-list>div{overflow: hidden;border-radius: .2rem;} .area-swiper{width: calc(100% + .44rem);} .area-swiper ._item{position: relative;margin-right: .44rem;border-radius: .2rem;overflow: hidden;} .area-swiper ._item ._pic{width: 100%;height: 0;transition: transform 4s var(--bcr2);position: relative;padding-bottom: 65.96306068601583%;} .area-swiper ._item ._pic img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;transform:scale(1.2);} .area-swiper ._item.fn1 ._pic img{transform:none;transition:transform 2s ease-out;} .area-swiper ._item ._mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: .6rem .7rem .5rem .7rem; background-color: rgba(0,0,0,.3);} .area-swiper ._item ._mask>div{position: relative;width: 100%;height: 100%;} .area-swiper ._item ._mask ._icon{height: .72rem;} .area-swiper ._item ._mask ._icon img{height: 100%;} .area-swiper ._item ._mask ._text{position: absolute;left: 0;bottom: 0;width: 100%;} .area-swiper ._item ._mask ._text ._name{color: #fff;font-weight: bold;font-size: .3rem;} .area-swiper ._item ._mask ._text ._line{color: #f3f3f3;line-height: 2;margin-top: .12rem;} .area-list ._page{position: absolute;top: 50%;z-index: 5;transform: translateY(-50%);} .area-list .area-swiper--prev{left: -1.3rem;} .area-list .area-swiper--next{right: -1.3rem;} .tep1-case{padding-top: 1.15rem;} .tep1-case .case-list{margin-top: .7rem;margin-bottom: 0;} .ability-angle{padding-top: .8rem;padding-bottom: 1.2rem;} .angle-swiper{margin-top: .9rem;} .angle-swiper .swiper-slide{background-color: #fff;} .angle-swiper .item{position: relative;width: 100%;height: 0;padding-bottom: 46.3855421686747%; border-radius: .16rem;overflow: hidden;} .angle-swiper .item ._bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .angle-swiper .item ._bg>img{width: 100%;height: 100%;object-fit: cover;} .angle-swiper .item ._pic{position: absolute;top: 10%;left: 5%;width: 90%;height: 80%;z-index: 2;transition: transform .6s ease;} .angle-swiper .item ._pic img{width: 100%;height: 100%;object-fit: contain;} .ability-angle ._list{width: 100%;position: relative;} .ability-angle ._list ._page{position: absolute;top: 50%;z-index: 5;transform: translateY(-50%);} .ability-angle ._list .angle-swiper--prev{left: .65rem;} .ability-angle ._list .angle-swiper--next{right: .65rem;} .angle-title{justify-content: center;margin-top: .4rem;} .angle-title ._text{min-width: 2rem;border-radius: .1rem;line-height: 1;color: #fff; font-size: .32rem;padding:.1rem .2rem;background-color: #222;text-align: center;font-weight: lighter;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>产品模板2<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .tep2-banner-text{width: 6.2rem;max-width: 100%;padding-left: .5rem;} .tep2-banner-text ._icon img{height: .2rem;margin-right: .15rem;} .tep2-banner-text ._txt{margin-top: .35rem;color: #fff;} .tep2-banner-text ._line{margin-top: .25rem;line-height: 1.875;} .ptView{padding-top: 1.5rem;} .ptView>div{align-items: center;} .ptView .ptView-left{width: 56.41025641025641%;} .ptView-swiper{border: 1px solid #dddcda;border-radius: .1rem;} .ptView-swiper ._pic{width: 100%;height: 0;padding-bottom: 54.54545454545454%;position: relative;} .ptView-swiper ._pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;} .ptView-small{margin-top: .35rem;} .ptView-small>div{margin:0 -.2rem;} .ptView-small ._item{width: 25%;padding: 0 .2rem;} .ptView-small ._item ._pic{width: 100%;height: 0;padding-bottom: 78.94736842105263%;position: relative; border:1px solid #dddcda;border-radius: .1rem;overflow: hidden;cursor: pointer;transition: border-color .3s ease-out;} .ptView-small ._item ._pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;transition: transform .5s ease;} .ptView-small ._item.on ._pic{border-color:var(--color1);} .ptView-right{padding-left: 1.05rem;} .ptView-right .ptView-type{line-height: 1;} .ptView-right .ptView-type>div{flex-wrap: wrap;margin: -5px;} .ptView-right .ptView-type span{background-color: #f6f6f6;border-radius: 5px;padding: .12rem .3rem;margin: 5px;} .ptView-right .ptView-text{margin-top: .3rem;} .ptView-right .ptView-text ._line{margin-top: .3rem;min-height: calc(3em * 1.875);line-height: 1.875;} .ptView-right .ptView-text ._btn{margin-top: .6rem;} .ptView-right .ptView-text ._btn>a{width: 1.8rem;height: .5rem;background-color: var(--color1);border-radius: 5px;} .ptDel{margin-top: 1.35rem;} .ptDel-nav{background-color: #f3f3f3;position: relative;z-index: 50;} .ptDel-nav ._item{width: 33.333333%;} .ptDel-nav ._item>a{color: #222;height: .8rem;line-height: .8rem;position: relative;transition: color .3s ease-out;} .ptDel-nav ._item>a:after{content: '';left: 50%;width: 0;background-color: var(--color1);height: 2px;position: absolute;bottom: 0;transition: width .5s ease;transform:translateX(-50%);} .ptDelMore .juggle{margin-top: 1.2rem;} .ptDelTp-table{margin-top: .5rem;} .vertical-table th,.vertical-table td{padding: .2rem;border: 1px solid #dddcda;line-height: 1.875;min-height: .8rem;} .vertical-table th{color: #222;white-space: nowrap;} .vertical-table td{color: #999;} .vertical-table:first-of-type th,.vertical-table:first-of-type td{border-right-width: 0;} .ptDelMore .cpcontent{padding-top:1rem;} .ptDel-list ._module{display:none;padding-top:1rem;} .ptDel-list ._module .tep1-case{padding-top:0;} .ptDel-list ._module.on{display:block;} .tep2-case{padding-top: 1.6rem;} .tep2-case .case-list{margin-bottom: 0;margin-top: .7rem;} .ptDel-nav ._item.on>a{color:var(--color1);font-weight:bold;} .ptDel-nav ._item.on>a:after{width: 100%;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>产品模板3<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .trait{padding: 1.2rem 0;} .trait-type{min-width: 4.2rem; max-width: 9rem;} .trait-type .item{padding: .45rem;border-bottom: 1px solid #eee;} .trait-type .item ._cn{font-weight: bold;color: var(--color1);font-size: .3rem;line-height: 1.2;} .trait-type .item ._en{color: #666;margin-top: 5px;} .trait-content{margin-top: .7rem;align-items: center;} .trait-view{padding-left: 1rem;} .trait-view>div{position: relative;} .trait-view .trait-view-line{width: 100%;opacity: 0;transform: scaleX(1.2) translateY(20px);} .trait-view .trait-view-line img{width: 100%;} .trait-view .trait-view-house{position: absolute;left: 0;top: 0;width: 100%;height: 100%; clip-path: polygon(100% 0, 0 0, 0 0, 0 100%, 0 0);} .trait-view .trait-view-house img{width: 100%;height: 100%;object-fit: cover;} .trait-view .getline .trait-view-house{clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);transition:clip-path 3s ease .5s;} .trait-view .getline .trait-view-line{opacity:1;transform:none;transition:all 1.5s ease .2s;} .assort{padding-top: 1.1rem;padding-bottom: 1rem;background-color: #f7f7f7;} .assort-content{padding: 0 .75rem;margin-top: .3rem;} .assort-swiper ._item{align-items: center;padding: 0 .5rem;} .assort-swiper ._item>div{padding: 0 .5rem;} .assort-swiper ._item ._text{text-align: justify;width: 50%;padding-right: .35rem;} .assort-swiper ._item ._text ._name{font-size: .32rem;} .assort-swiper ._item ._text ._line{line-height: 2;color: #999;margin-top: .4rem;} .assort-swiper ._item ._pic{width: 50%;padding-left: .65rem;} .assort-swiper ._item ._pic>div{width: 100%;height: 0;position: relative;padding-bottom: 82.14285714285714%;} .assort-swiper ._item ._pic>div img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: contain;} .assort-list{position: relative;} .assort-list ._page{position: absolute;top: 50%;z-index: 5;transform: translateY(-50%);} .assort-list .assort-swiper--prev{left: -.75rem;} .assort-list .assort-swiper--next{right: -.75rem;} .assort-tab{border-bottom: 1px solid #d1d1d1;margin-top: .3rem;} .assort-tab ._item{width: 25%;justify-content: center;} .assort-tab ._item>a{color: #222;padding: .2rem 0;position: relative;transition: color .3s ease-out;} .assort-tab ._item>a:after{content: '';position: absolute;left: 50%;bottom: -1px;width: 0;height: 2px;background-color: var(--color1);transition: all .5s ease;} .assort-tab ._item.on>a{color: var(--color1);font-weight: bold;} .assort-tab ._item.on>a:after{left: 0;width: 100%;} .overview{padding-top: 1rem;padding-bottom: 1.4rem;} .overview .juggle{margin-top: 1.2rem;} .nicety{padding-top: 1rem;background-color: #f7f7f7;padding-bottom: 2.5rem;overflow: hidden;} .nicety-content{margin-top: .6rem;} .nicety-swiper{overflow: initial !important;} .nicety-swiper .swiper-slide{width: auto;} .nicety-swiper ._item{padding: 0 .8rem;position: relative;} .nicety-swiper ._item ._pic{width: 2.4rem;height: 2.4rem;border-radius: 50%;overflow: hidden;border: 2px solid var(--color1);} .nicety-swiper ._item ._pic img{width: 100%;height: 100%;object-fit: cover;} .nicety-swiper ._item ._text{padding-top: .2rem;width: 5.7rem;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);} .nicety-swiper ._item ._text ._name, .nicety-swiper ._item ._text ._line{transform: translateY(10px);opacity: 0;transition: opacity 1s ease,transform 1s ease;} .nicety-swiper ._item ._text ._line{color: #999;line-height: 2;margin-top: .12rem;} .nicety-swiper .swiper-slide.active ._item ._text ._name, .nicety-swiper .swiper-slide.active ._item ._text ._line{transform: none;opacity: 1;} .nicety-swiper .swiper-slide.active ._item ._text ._name{transition-delay: .4s;} .nicety-swiper .swiper-slide.active ._item ._text ._line{transition-delay: .6s;} /*电端加上鼠标效果/动画 */ @media screen and (min-width:993px){ .rollAni,.font_effect{visibility: hidden;} .hoverable:hover .hoverable_txt:after{-webkit-transform:scaleX(1);transform:scaleX(1); -webkit-transform-origin:left top;transform-origin:left top;} .header .nav .navlist>.nav_a.on>a{color:var(--color1);} .header .nav .navlist>.nav_a.on>a .hoverable_txt:after{-webkit-transform:scaleX(1);transform:scaleX(1); -webkit-transform-origin:left top;transform-origin:left top;} .header .nav .navlist>.nav_a.on .nav_b{pointer-events:auto;} .header .nav .navlist>.nav_a.on .nav_b>.nav_b_list>li{transform:none;opacity:1;} .header .nav .navlist>.nav_a.on .nav_b>.nav_b_list>li:nth-child(1){transition-delay:0s;} .header .nav .navlist>.nav_a.on .nav_b>.nav_b_list>li:nth-child(2){transition-delay:.1s;} .header .nav .navlist>.nav_a.on .nav_b>.nav_b_list>li:nth-child(3){transition-delay:.2s;} .header .nav .navlist>.nav_a.on .nav_b>.nav_b_list>li:nth-child(4){transition-delay:.3s;} .header .nav .navlist>.nav_a.on .nav_b>.nav_b_list>li:nth-child(5){transition-delay:.4s;} .header .nav .navlist>.nav_a.on .nav_b>.nav_b_list>li:nth-child(6){transition-delay:.5s;} .header .nav .navlist>.nav_a.on .nav_b>.nav_b_list>li:nth-child(7){transition-delay:.6s;} .header .nav .navlist>.nav_a.on .nav_b>.nav_b_list>li:nth-child(8){transition-delay:.7s;} .header .nav .navlist>.nav_a.on .nav_b>.nav_b_list>li:nth-child(9){transition-delay:.8s;} .header .nav .navlist>.nav_a.on .nav_b>.nav_b_list>li:nth-child(10){transition-delay:.9s;} .header .nav .navlist>.nav_a .nav_b>.nav_b_list>li>a:hover{color:var(--color1);} .header .nav .navlist>.nav_a .nav_b{ transition: all 0.5s; /*border-top: 1px solid #efefed;*/} .header .nav .navlist>.nav_a:hover>a{color:var(--color1);} .header .nav .navlist>.nav_a:hover>a .hoverable_txt:after{-webkit-transform:scaleX(1);transform:scaleX(1); -webkit-transform-origin:left top;transform-origin:left top;} .header .nav .navlist>.nav_a:hover .nav_b{pointer-events:auto; background: #fff;} .header .nav .navlist>.nav_a:hover .nav_b>.nav_b_list>li{transform:none;opacity:1;} .header .nav .navlist>.nav_a:hover .nav_b>.nav_b_list>li:nth-child(1){transition-delay:0s;} .header .nav .navlist>.nav_a:hover .nav_b>.nav_b_list>li:nth-child(2){transition-delay:.1s;} .header .nav .navlist>.nav_a:hover .nav_b>.nav_b_list>li:nth-child(3){transition-delay:.2s;} .header .nav .navlist>.nav_a:hover .nav_b>.nav_b_list>li:nth-child(4){transition-delay:.3s;} .header .nav .navlist>.nav_a:hover .nav_b>.nav_b_list>li:nth-child(5){transition-delay:.4s;} .header .nav .navlist>.nav_a:hover .nav_b>.nav_b_list>li:nth-child(6){transition-delay:.5s;} .header .nav .navlist>.nav_a:hover .nav_b>.nav_b_list>li:nth-child(7){transition-delay:.6s;} .header .nav .navlist>.nav_a:hover .nav_b>.nav_b_list>li:nth-child(8){transition-delay:.7s;} .header .nav .navlist>.nav_a:hover .nav_b>.nav_b_list>li:nth-child(9){transition-delay:.8s;} .header .nav .navlist>.nav_a:hover .nav_b>.nav_b_list>li:nth-child(10){transition-delay:.9s;} .header .language ._list ._item>a:hover{color: var(--color1);background-color: #f7f7f7;} .home-banner .home-banner-scene .btn:hover{background-color: rgba(255,255,255,.3);} .home-banner .home-banner-buttom .banner-buttom--mouse:hover{color: #fff;} .home-banner .home-banner-buttom .banner-buttom--nav span:hover:before{border-color: var(--color1);} .home-product-swiper .item>a:hover .item-figure ._pic{transform: translateY(-10px);} .home-product-swiper .item>a:hover .item-figure ._pic ._a1{opacity: 0;} .home-product-swiper .item>a:hover .item-figure ._pic ._a2{opacity: 1;} .more-hover:hover .more-fn, .more-hover.more-fn:hover{transform: rotateZ(270deg);} .partner-list--box .item ._pic:hover img{-webkit-filter: none;-moz-filter: none; -ms-filter: none;-o-filter: none;filter: none;opacity: 1;} .home-news-box .list .item>a:hover ._title{color: var(--color1);} .fTnav .item ._b>li>a:hover, .fTnav .item ._a>a:hover{color: var(--color1);} .ftroot>a:hover{color: #222;text-decoration: underline;} .header.hd-style .nav .navlist>.nav_a>a{transition: color .3s ease-out;} .header.hd-style .language>a,.header.hd-style .inquiry>a{transition: color .3s ease-out;} .header.hd-style .language:hover>a, .header.hd-style .inquiry:hover>a{color: var(--color1);} .header.hd-style .nav .navlist>.nav_a:hover>a{color: var(--color1);} .course-box .tab .item>a:hover{color: #222; font-weight:bold;} .nsList-top>a:hover ._text ._title{color: var(--color1);} .nsList-top>a:hover ._pic>div img{transform: scale(1.07);} .page-fn ._size>div>a:hover{color: #222;} .nsList-ul .item>a:hover ._pic img{transform: scale(1.07);} .nsList-ul .item>a:hover ._text ._title{color: var(--color1);} .nsDel-top ._btn>a:hover{opacity: 1;} .article-swiper .item>a:hover{transform: scale(1.07);} .article-swiper .item>a:hover ._text ._name{color: var(--color1);} .case-top-swiper .item>a:hover ._pic img{transform: scale(1.07);} .case-list .item>a:hover ._hideBtn{height: .4rem;opacity: 1;visibility: visible;} .case-list .item>a:hover{background-color: #fff;box-shadow:0 0 25px rgba(0, 0, 0, .1);} .case-list .item>a:hover ._title{font-weight: bold;transform: scale(1.1);transform-origin: bottom;} .tutorial-top-swiper .item>a:hover ._pic{transform: scale(1.07);} .tutorial-content-list .item>a:hover ._figure ._pic{transform: scale(1.07);} .guide-content-list .item>a:hover{background-color: #fff;box-shadow:0 0 25px rgba(0, 0, 0, .1);} .crown .crown-left ._list .item>a:hover:before{width: 100%;} .crown .crown-left ._list .item>a:hover{color: var(--color1);} .crown .crown-right .item>a:hover ._pic img{transform: scale(1.07);} .industry-content-list .item>a:hover{background-color: #fff;box-shadow:0 0 25px rgba(0, 0, 0, .1);} .jn01-list .item>div:hover ._pic img{transform: scale(1.07);} .jn01-list .item>div:hover{background-color: rgba(255,255,255,.1);border-color: transparent;} .jn01-list .item>div:hover ._line{opacity: 1;} .masterBtn:hover{transform:translateY(-5px);} .masterBtn:hover ._txt span{transform:translateY(-100%);color:transparent;} .masterBtn:hover ._txt span:before{color: #fff;} .ctt03-content-list ._row .item:hover ._txt ._cn, .ctt03-content-list ._row .item:hover ._txt ._en{color: #222;} .ctt03-content-list ._row .item:hover>div:before{width: 100%;left: 0;} .ctt03-content-list ._row .item:hover ._txt ._order:before{opacity: 1;transform: translateZ(0);} .ctt03-content-list ._row .item:hover ._icon ._mask{height: 100%;} .ctt03-content-list ._row .item:hover ._cir, .ctt03-content-list ._row .item:hover ._cir:before{border-color: var(--color1);} .home-solution-tab .item>a:hover .item-figure{border-color: var(--color1);} .tab-fn .item .item-btn:hover i:before{opacity: 1;transform: translate(-50%,-50%);} .tab-fn .item .item-btn:hover i{border-color: #222;} .tab-fn .item .item-btn:hover{color: #222;} .ntk-loc .ntk-loc-tab .item>a:hover{color: #222;} .product-list .item>a:hover .item-figure ._pic{transform: scale(1.05);} .product-list .item>a:hover .item-figure ._pic ._a1{opacity: 0;} .product-list .item>a:hover .item-figure ._pic ._a2{opacity: 1;} .ability-list .item>div:hover{box-shadow: 0 0 .3rem rgba(0,0,0,.1);} .ability-list .item>div:hover ._num:before{opacity: 1;} .area-swiper ._item:hover ._pic{transform: scale(1.1);} .ptView-small ._item ._pic:hover img{transform: scale(1.05);} .ptDel-nav ._item>a:hover{color:var(--color1);} .assort-tab ._item>a:hover{color: var(--color1);} .switch-fn:hover{opacity: 1;} .nsTop-right-swiper .item>a:hover ._pic img{transform:scale(1.07);} .nsTop-right-swiper .item>a:hover ._text ._title{color:var(--color1);} .juggle ._divide ._text ._item ._name:hover{color:var(--color1);border-color:var(--color1);} .header .inquiry ._form ._dt>button:hover{color: var(--color1);} /*ani*/ .home-about-data .item:nth-child(4n + 1)>div{animation-delay: .2s;} .home-about-data .item:nth-child(4n + 2)>div{animation-delay: .3s;} .home-about-data .item:nth-child(4n + 3)>div{animation-delay: .4s;} .home-about-data .item:nth-child(4n + 4)>div{animation-delay: .5s;} .case-list .item:nth-child(3n + 1)>a{animation-delay: .2s;} .case-list .item:nth-child(3n + 2)>a{animation-delay: .4s;} .case-list .item:nth-child(3n + 3)>a{animation-delay: .6s;} .tutorial-content-list .item:nth-child(2n + 1)>a{animation-delay: .2s;} .tutorial-content-list .item:nth-child(2n + 2)>a{animation-delay: .4s;} .industry-content-list .item:nth-child(2n + 1)>a{animation-delay: .2s;} .industry-content-list .item:nth-child(2n + 2)>a{animation-delay: .4s;} .nsList-ul .item:nth-child(2n + 1)>a{animation-delay: .2s;} .nsList-ul .item:nth-child(2n + 2)>a{animation-delay: .4s;} .ability-list .item:nth-child(3n + 1)>div{animation-delay: .2s;} .ability-list .item:nth-child(3n + 2)>div{animation-delay: .4s;} .ability-list .item:nth-child(3n + 3)>div{animation-delay: .6s;} .ntk-loc-ul ._list .item:nth-child(3n + 1)>div{animation-delay: .2s;} .ntk-loc-ul ._list .item:nth-child(3n + 2)>div{animation-delay: .4s;} .ntk-loc-ul ._list .item:nth-child(3n + 3)>div{animation-delay: .6s;} .strategy-content .item:nth-child(3n + 1)>div{animation-delay: .2s;} .strategy-content .item:nth-child(3n + 2)>div{animation-delay: .4s;} .strategy-content .item:nth-child(3n + 3)>div{animation-delay: .6s;} .ctt03-content-list ._row .item:nth-child(5n + 1)>div{animation-delay: .2s;} .ctt03-content-list ._row .item:nth-child(5n + 2)>div{animation-delay: .4s;} .ctt03-content-list ._row .item:nth-child(5n + 3)>div{animation-delay: .6s;} .ctt03-content-list ._row .item:nth-child(5n + 4)>div{animation-delay: .8s;} .ctt03-content-list ._row .item:nth-child(5n + 5)>div{animation-delay: 1s;} .tab-fn .item:nth-child(1) .item-btn{animation-delay: .2s;} .tab-fn .item:nth-child(2) .item-btn{animation-delay: .4s;} .tab-fn .item:nth-child(3) .item-btn{animation-delay: .6s;} .tab-fn .item:nth-child(4) .item-btn{animation-delay: .8s;} .tab-fn .item:nth-child(5) .item-btn{animation-delay: 1s;} .tab-fn .item:nth-child(6) .item-btn{animation-delay: 1.2s;} .tab-fn .item:nth-child(7) .item-btn{animation-delay: 1.4s;} .tab-fn .item:nth-child(8) .item-btn{animation-delay: 1.6s;} .tab-fn .item:nth-child(9) .item-btn{animation-delay: 1.8s;} .tab-fn .item:nth-child(10) .item-btn{animation-delay: 2s;} .area-swiper .swiper-slide:nth-child(1) ._item{animation-delay: .2s;} .area-swiper .swiper-slide:nth-child(2) ._item{animation-delay: .4s;} .area-swiper .swiper-slide:nth-child(1) ._item ._pic img{transition-delay:.2s;} .area-swiper .swiper-slide:nth-child(2) ._item ._pic img{transition-delay:.4s;} } @media screen and (max-width:1600px){ .richText p, .richText span, .richText em{font-size: 17px !important;} .header .inquiry ._form ._dd>input{height: 40px;} .header .inquiry ._form ._dt>button{width: 40px;height: 40px;} } @media screen and (max-width:1440px){ .richText p, .richText span, .richText em{font-size: 15px !important;} .masterBtn1{height: .54rem;line-height: .54rem;} .tab-fn .item .item-btn i{width: 18px;height: 18px;} .tab-fn .item .item-btn i:before{width: 5px;height: 5px;} .ftText .ftText-code ._pic>div{width: 110px;height: 110px;} .ftText .ftText-code ._pic>div:before{width: 10px;height: 10px;left: -5px;} .header .language ._list>div{width: .86rem;} .header .language ._list ._item>a{line-height: .44rem;} .ntk-loc .ntk-loc-tab .item>a{height: .6rem;line-height: .6rem;} .ntk-loc-ul ._list .item ._info ._line ._icon{transform: translateY(.38em);} .header .inquiry ._form ._dd>input{height: 36px;} .header .inquiry ._form ._dt>button{width: 36px;height: 36px;} } @media screen and (max-width:1280px){ .richText p, .richText span, .richText em{font-size: 13px !important;} .more-fn{width: .48rem;height: .48rem;padding: 0 .1rem;} .more-fn>s{width: 3px;height: 3px;} .home-about-top .about-top--text ._play>a>i{width: .48rem;height: .48rem;line-height: .48rem;} .tab-fn .item .item-btn i{width: 16px;height: 16px;} .tab-fn .item .item-btn i:before{width: 4px;height: 4px;} .case-list .item ._title{font-size: 16px;} .case-list .item ._line{height: calc(2em * 2);-webkit-line-clamp: 2;} .crown .crown-left ._title ._en>div{font-size: .8rem;} .crown .crown-left ._list .item{padding: 0 .2rem;} .crown .crown-left ._list .item:hover{color:#222;} .crown .crown-left ._list>div{margin: 0 -.2rem;} .crown .crown-right .item ._text ._more{padding: .14rem .2rem;} .industry-content-list .item ._more{padding: .14rem .2rem;} .ctt01-content .ctt01-content-left{padding-right: .7rem;} .ctt01-content .ctt01-content-right{padding-left: .7rem;} .article-swiper .swiper-slide{width: 33.333333%;} .header .inquiry ._form ._dd>input{height: 32px;} .header .inquiry ._form ._dt>button{width: 32px;height: 32px;} } @media screen and (max-width:992px){ [data-scroll-container]{padding-top: 50px;} body{overflow-y: auto;overflow-x: hidden;} .home-banner{height: 60vw;} .home-banner .home-banner-scene{display: none;} .home-banner .home-banner-buttom{bottom: .4rem;} .home-banner .home-banner-buttom .banner-buttom--mouse{display: none;} .home-banner .home-banner-buttom>div{justify-content: center;} .home-banner .home-banner-buttom .banner-buttom--nav span{height: .1rem;width: .72rem;} .header{height: 50px;/*background-color: var(--color1);*/ background: #fff;} .header .logo{animation: none;visibility: visible !important;} .header .logo>a{height: 32px;} .openMenu{display: block;margin-left: .2rem;animation:none;visibility: visible !important;} .header .inquiry{margin-left: auto;} .header .language{animation:none;visibility: visible !important;} .header .language>a,.header .inquiry>a{font-size: 24px;line-height: 50px;height: 50px;} #preload .tip-logo{height: .81rem;} .home-banner .home-banner-buttom .banner-buttom--nav{animation-delay: 0s !important;} .header.hd-style .openMenu .openMenu_btn span{background-color: #222;} .header .inquiry:after{height: .24rem;} .header .nav{position:fixed;top:50px;left:0;overflow:hidden;width:100%;height: calc(100vh - 50px);pointer-events: none;} .header .nav .navlist{width:100%;overflow-y:auto;max-height:100%;flex-wrap: wrap;padding:.3rem 5%;overflow-x: hidden;} .header .nav .navlist .nav_a{animation:none;width:100%;position:relative;opacity: 0;transform: translateY(-60px);transition: all .5s var(--bcr1);} .header.mobileNav .nav{pointer-events: auto;} .header.mobileNav .nav .navlist .nav_a{opacity: 1;transform: none;} .header.mobileNav .nav .navlist .nav_a:nth-child(1){transition-delay: 0.05s;} .header.mobileNav .nav .navlist .nav_a:nth-child(2){transition-delay: 0.1s;} .header.mobileNav .nav .navlist .nav_a:nth-child(3){transition-delay: 0.15s;} .header.mobileNav .nav .navlist .nav_a:nth-child(4){transition-delay: 0.2s;} .header.mobileNav .nav .navlist .nav_a:nth-child(5){transition-delay: 0.25s;} .header.mobileNav .nav .navlist .nav_a:nth-child(6){transition-delay: 0.3s;} .header.mobileNav .nav .navlist .nav_a:nth-child(7){transition-delay: 0.35s;} .header.mobileNav .nav .navlist .nav_a:nth-child(8){transition-delay: 0.4s;} .header.mobileNav .nav .navlist .nav_a:nth-child(9){transition-delay: 0.45s;} .header.mobileNav .nav .navlist .nav_a:nth-child(10){transition-delay: 0.5s;} .header .nav .navlist .nav_a:after{content:'';position:absolute;left:0;bottom:0; width:100%;height:1px;/*background-color: #fff;*/background: hsla(0,0%,0%,0.05); /*opacity: .2;*/} .header .nav .navlist .nav_a>a{line-height:60px;height:60px;padding:0;color: #fff;font-size: 16px;font-weight: bold;} .header .nav .navlist .nav_a>a span{margin-right: 0;} .header .nav .navlist .nav_a>a i{position: absolute;height: 60px;right: 0;opacity: .5;display: block; top: 0;text-align: center;font-size: 18px;transition: all .4s ease;transform: rotateZ(-90deg);} .header .nav .navlist .nav_a.on>a i{transform: none;opacity: 1;} .header .nav .navlist .nav_a>.nav_b{position:static;width:100%;font-size: 15px; transition: height .4s ease;height: 0;pointer-events:auto;} .header .nav .navlist .nav_a>.nav_b .nav_b_list{padding-bottom:.6rem;display:block;} .header .nav .navlist>.nav_a .nav_b>.nav_b_list>li{padding:0;opacity:1;transform:none;} .header .nav .navlist .nav_a>.nav_b .nav_b_list>li>a{margin-bottom:10px;/*color: #fff;*/ color: #000; opacity: .6;} .header .nav .navlist .nav_a>.nav_b .nav_b_list>li:last-child>a{margin-bottom:0;} .home-product-box ._page{display: none;} .home-product-swiper .swiper-slide{width: 84vw;} .home-product-swiper .item>a{flex-direction: column;padding: .8rem 8vw;} .home-product-swiper .item .item-figure{width: 100%;order: -1;} .home-product-swiper .item .item-text{padding-right: 0;padding-top: .8rem;} .home-product-swiper .swiper-slide-active .item .item-figure ._pic ._a1{opacity: 0;} .home-product-swiper .swiper-slide-active .item .item-figure ._pic ._a2{opacity: 1;} .home-product{padding: 1.3rem 0;} .home-solution-tab .item{padding: 0 2.5vw;} .home-about-top{flex-direction: column;} .home-about-top .about-top--title{text-align: center;} .home-about-top .about-top--text{width: 100%;text-align: center;margin-top: .5rem;} .home-about-top .about-top--text ._play>a{justify-content: center;} .home-about{padding: 1.3rem 0;} .partner-list--box{width: 90%;margin: 0 auto;} .partner-list--box .item{animation: none !important;position: initial;width: 16.666666666666668% !important;box-shadow:none;background-color: transparent;border-radius: 0;} .partner-list--box .item ._pic{animation: none !important;box-shadow: 0 0.15rem 0.3rem rgba(0,0,0,.03);background-color: #fff;border-radius: 50%;overflow: hidden;} .partner-list--box{height: auto;padding-bottom: 0;margin-top: .6rem;} .partner-list--box>div{position: initial;display: flex;flex-wrap: wrap;margin: -.2rem;width: auto;justify-content: center;} .partner-list--box .item ._pic img{width: calc(100% - .4rem);height: calc(100% - .4rem);left: 50%;top: 50%;transform: translate(-50%,-50%);} .home-news-content{flex-direction: column;} .home-news-content .masterTitle1{text-align: center;} .home-news-box{width: 100%;margin-top: .6rem;} .home-news-box .tab-fn{justify-content: center;} .home-news-box .list .item ._time{display: none;} .home-news-box .list .item ._type{margin-left: 0;margin-right: .35rem;font-size: 12px;} .home-solution-info{top: 1.4rem;} .home-solution{height: 10rem;} .home-news{padding: 1.3rem 0;} .home-partner{padding: 1.3rem 0;} .footer-content{flex-direction: column;padding-bottom:1rem;} .fTnav{width: 100%;padding-left: 0;padding-top: 0;margin-top: .6rem;} .ftText{padding-right: 0;} .ftroot{text-align: center;flex-wrap: wrap;font-size: 13px;line-height: 1.875;} .ftroot span:first-of-type,.ftroot .kep{display: block;width: 100%;margin: 0;} .footer{padding-top: 1rem;} .ftText .ftText-code ._pic>div{width: 100px;height: 100px;} .ftText .ftText-code ._pic>div:before{width: 8px;height: 8px;left: -4px;} .pageBanner{height: 60vw;} .pageBanner-info{padding-top: 0;} .atUsInfo{padding-top: 1.3rem;padding-bottom: 1.5rem;} .atUsInfo-content{min-width: 100%;} .atUsVideo{padding-bottom: 50%;} .course{padding-top: 1.3rem;} .course-box .module{padding: .7rem 5vw;} .course-box .module-swiper .item{flex-direction: column;} .course-box .module-swiper .item ._name{padding-right: 0;padding-bottom: .35rem;border-bottom: 1px solid #e1e1e1;;} .course-box .module-swiper .item ._list{padding-left: 0;margin-top: .5rem;border-left: 0;} .course-box .module-swiper .item ._list:before{display: none;} .strategy-content>div{flex-direction: column;margin: 0;} .strategy-content .item{width: 100%;padding: 0;margin-bottom: .65rem;} .strategy-content .item:last-of-type{margin-bottom: 0;} .strategy{padding: 1.3rem 0;} .society{padding: 1.3rem 0;} .society-content{width: 100%;} .society-content .society-content-text ._line{margin-top: 1.5rem;} .society-content .society-content-text ._title:after{height: 2px;} .society-bg{height: 100%;} .nsList{padding-top: 1.1rem;padding-bottom: 1.3rem;} .page-fn{padding: .15rem 0;} .page-fn ._tip>a{font-size: 13px;} .nsList-top>a{flex-direction: column;} .nsList-top ._pic{width: 100%;order: -1;} .nsList-top ._text ._more{position: initial;margin-top: .6rem;} .nsList-top ._text{padding: .8rem .7rem;padding-top: .4rem;} .nsList-top{margin-top: .9rem;} .nsList-ul{margin-top: .6rem;} .nsTop-content{padding: 1rem 0;} .nsList-top ._text ._title{font-size: .36rem;} .nsDel{padding-top: .8rem;} .nsDel-top ._btn{display: none;} .nsDel-top .c_center{padding: 0;} .nsDel-content{padding: 5vw 5vw 1rem;} .case-top{padding-top: 1rem;padding-bottom: 1.3rem;} .case-content{padding-top: .9rem;padding-bottom: 1.3rem;} .case-list .item{width: 50%;} .case-list{margin-top: .8rem;margin-bottom: 1rem;} .case-list .item ._line{height: calc(2em * 3);-webkit-line-clamp: 3;} .tutorial-top{padding-top: 1rem;} .tutorial-content-list .item{width: 100%;} .tutorial-top-swiper{width: 100%;} .tutorial-content-list>div{margin: -.3rem 0;} .tutorial-content-list .item{padding: .3rem 0;} .tutorial-content-list{margin-top: 1rem;margin-bottom: 1.3rem;} .tutorial-content{padding-bottom: 1.3rem;} .guide-top{padding: 1.6rem 0;} .guide-content-list .item>a{padding: .5rem .4rem;} .guide-content-list .item{margin-top: .4rem;} .guide-content-list{margin-bottom: 1rem;} .guide-content{padding-bottom: 1.3rem;} .industry-top{padding-top: 1rem;padding-bottom: 1.2rem;} .crown{flex-direction: column;} .crown .crown-left{width: 100%;} .crown .crown-right{width: 100%;padding: 0;margin-top: .4rem;flex-direction: column;} .crown .crown-right .item{height: 60vw;width: 100%;padding-left: 0;margin-bottom: .4rem;} .crown .crown-right .item:last-of-type{margin-bottom: 0;} .crown .crown-left ._title ._en>div:last-of-type{padding-left: 0;} .crown .crown-left{padding: 1.5rem .4rem .4rem;} .crown .crown-left ._list>div{flex-direction: column;margin: 0;} .crown .crown-left ._list .item{width: 100%;padding: 0;margin-bottom: .4rem;} .crown .crown-left ._list .item:last-of-type{margin-bottom: 0;} .crown .crown-left ._list .item ._names{height: auto;max-height: calc(2 * 2em);line-height: 2;} .industry-top .industry-top-bg{height: 100%;} .industry-content-list>div{margin: -.2rem 0;flex-direction: column;} .industry-content-list .item{width: 100%;padding: .2rem 0;} .industry-content-list .item>a{padding: .6rem .5rem;} .industry-content{padding-top: 1.1rem;padding-bottom: 1.3rem;} .industry-content-list{margin-bottom: 1.1rem;} .ctt01-content{flex-direction: column;} .ctt01-content .ctt01-content-left{padding-right: 0;width: 100%;} .ctt01-content .ctt01-content-right{padding-left: 0;width: 100%;margin-top: 1rem;} .ctt01{padding-bottom: 1.3rem;padding-top: 1.1rem;} .ctt-banner-txt{margin-left: 0;width: 100%;} .ctt02-content-form ._row{flex-direction: column;} .ctt02-content-form ._row ._item{width: 100%;} .ctt03-content-list ._row{flex-wrap: wrap;} .ctt03-content-list ._row .item{width: 50%;} .ctt03-content-list ._row:before, .ctt03-content-list ._row:after{display: none !important;} .ctt03-content-list ._row:nth-child(even) .item:first-of-type{position: absolute;top: 0;transform: translateY(-100%);right: 0;} .ctt03-content-list ._row .item>div:before{width: 100%;left: 0;border-color: #ccc;} .ctt03{padding-top: 1.3rem;padding-bottom: .5rem;} .ctt01-content .ctt01-content-left ._plat{height:60vw;} #gaodemap .ripple>i{font-size: .44rem;} #gaodemap .ripple>span{width: .2rem;height: .2rem;} .join-banner-txt ._item .p2{height: .9rem;} .join-fn + .pageBanner{height: calc(100vh - 50px);} .jn01-list>div{flex-wrap: wrap;margin: 0;} .jn01-list .item{width: 100%;padding: 0;margin-bottom: .8rem;} .jn01-list .item:last-of-type{margin-bottom: 0;} .jn01-list .item ._text ._line{min-height: auto;} .jn01-list .item ._text{padding: .6rem .4rem .5rem .4rem;} .jn02-content{flex-direction: column;} .jn02-content ._figure{width: 100%;order: -1;} .jn02-content ._text{padding-right: 0;margin-top: .8rem;padding: 0 .3rem;} .jn02{padding-top: 1.5rem;padding-bottom: 1.3rem;} .ntk-content-data{position: initial;margin: 0 -.1rem;} .ntk-content-data .item{width: 33.333333%;margin-right: 0;padding: 0 .1rem;} .ntk-loc-ul ._list .item{width: 100%;} .ntk-loc{margin-top: 1.3rem;} .ntk-content{padding-bottom: 1.3rem;} .ntk-loc-ul{margin-top: .8rem;} .articleBanner{height: auto;padding-top: 1rem;padding-bottom: 1.7rem;} .article-banner-text{max-width: 6.8rem;} .articleBanner .pageBanner-info{position: initial;transform: none;} .article-banner-bg ._pic img{min-height: auto;} .article-swiper .article-swiper-button{display: none;} .article{padding-bottom: 1.3rem;} .article-list .plate .plate-cnt{margin-top: .8rem;} .article-list .plate .plate-cnt{border-radius: .2rem;overflow: hidden;} .article-swiper .swiper-slide{width: 5rem;} .productBanner{padding-top: 0;} .product-Banner-text ._txt{padding-left: 0;} .product-Banner-text ._en{height: .72rem;} .productBanner{height:auto;margin-top: 1.8rem;} .productBanner>div{height: 80vw;} .product-list .item>a{flex-direction: column;padding: .8rem 8vw;} .product-list .item .item-figure{width: 100%;order: -1;} .product-list .item .item-text{padding-right: 0;padding-top: .8rem;} .product-list .item .item-figure ._pic ._a1{opacity: 0;} .product-list .item .item-figure ._pic ._a2{opacity: 1;} .product-content{padding-top: 1.1rem;padding-bottom: 1.3rem;} .product-list{margin: 0;} .product-list .item{padding: 0;margin-bottom: .6rem;} .product-list .item:last-of-type{margin-bottom: 0;} .tep1-text{padding-left: 0;margin-left: 0;width: 100%;} .tep1-text ._line ._name{font-size: .4rem;} .ability-list .item{width: 50%;} .ability-list .item ._name{font-size: 18px;} .ability{padding-top: .9rem;} .ability-doc .ability-doc-tip{font-size: 1.2rem;} .juggle ._divide ._shifting ._item img{display: none;} .juggle ._divide ._text{display: none;} .juggle ._divide ._pic{opacity: 1;} .juggle{width: 90%;} .ability-host{padding: 1.3rem 0;} .area-swiper .swiper-wrapper{flex-wrap: wrap !important;transform: none !important;} .area-swiper .swiper-slide{width: 100% !important;margin-bottom: .6rem;} .area-swiper .swiper-slide:last-of-type{margin-bottom: 0;} .area-swiper ._item ._mask{padding: .6rem 6vw;} .tep2-banner-text{padding-left: 0;} .ptView>div{flex-direction: column;} .ptView .ptView-left{width: 100%;} .ptView-right{padding-left: 0;width: 100%;margin-top: .9rem;} .ptView-right .ptView-text ._line{min-height: auto;} .ptView-right .ptView-text{margin-top: .45rem;} .ptView{padding-top: 1.3rem;} .ptDelTp-table{flex-direction: column;} .vertical-table:first-of-type th, .vertical-table:first-of-type td{border-right-width: 1px;} .vertical-table{margin-top: .6rem;} .vertical-table:first-of-type{margin-top: 0;} .ptDelMore .juggle{margin-top: .8rem;} .tep2-case{padding-top: 1.3rem;} .trait-content{flex-direction: column;} .trait-view{padding-left: 0;order: -1;} .trait-type{min-width: 100%;margin-top: .6rem;} .assort-swiper ._item{flex-direction: column;padding: 0;} .assort-swiper ._item>div{padding: 0 !important;} .assort-swiper ._item ._pic{order: -1;width: 100%;} .assort-swiper ._item ._text{width: 100%;margin-top: .5rem;} .assort-list ._page{display: none;} .assort-content{padding: 0;margin-top: .6rem;} .assort-tab{margin-top: .6rem;} .overview .juggle{margin-top: .8rem;} .overview{padding-bottom: 1.3rem;} .nicety{padding-bottom: 3.5rem;} .product-Banner-text ._txt ._line{max-height: calc(4em * 1.875);overflow-y: auto;} .case-top-swiper .item>a{transition: transform .6s ease,box-shadow .6s ease;} .ctt03-content-list ._row .item>div.fadeInRightLarge{animation-name: fadeInLeftLarge;} .pageBanner-info .about-text .en{height:.64rem;} .product-banner-bg ._pic{transform:none;} .juggle ._info{display:block;margin-top:.7rem;} .juggle_item{box-shadow:0 0 10px rgba(0, 0, 0, .1);margin-bottom:.35rem;padding-top:.3rem;width:100%;} .juggle_item:last-of-type{margin-bottom:0;} .juggle_item ._title{padding-left:.6rem;padding-top:.2rem;} .juggle_item ._title span{position:absolute;left:0;top:50%;transform:translateY(-50%);width:.44rem;height:.44rem;border-radius:50%;background-color:var(--color1);color:#fff;text-align:center;line-height:.44rem;display:block;font-weight:normal;} .juggle ._divide ._shifting ._item span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.44rem;height:.44rem;border-radius:50%;background-color:var(--color1);color:#fff;text-align:center;line-height:.44rem;display:block;} #backTop{bottom:.6rem;} #backTop ._btn{width: .9rem;height: .9rem;} .fs-im-wrapper{bottom:2rem !important;} .jn02-content ._figure ._pic img{height:100%;} .ntk-content-switch{right: auto;left: 0;top: 10%;} .ability-angle ._list ._page{display: none;} .header .nav .navlist .nav_a .ver{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0;} } @media screen and (max-width:768px){ .richText p, .richText span, .richText em{font-size: 14px !important;} .more-fn{width: .6rem;height: .6rem;padding: 0 .13rem; /*margin: 0.3rem auto 0;*/ float: right;} .home-solution-tab .item .item-figure{width: 1.1rem;height: 1.1rem;} .home-solution-tab .item .item-name{font-size: 12px;} .home-about-data{flex-wrap: wrap;padding: .4rem 0;} .home-about-data .item{width: 50%;padding: .3rem 0;} .home-about-top .about-top--text ._play>a>i{width: .6rem;height: .6rem;line-height: .6rem;} .home-about-data .item ._name{font-size: 16px;} .partner-list--box .item{width: 25% !important;} .tab-fn .item .item-btn{padding: .2rem 0;} .tab-fn .item{width: 50%;} .ftText .ftText-code .iconfont{font-size: 24px;} .ftText .ftText-tip{font-size: 18px;} .fTnav>div{flex-wrap: wrap;} .fTnav .item{width: 50%;margin-top: .6rem;} .fTnav .item:nth-child(2){order: -2;margin-top: 0;} .fTnav .item:nth-child(3){order: -1;margin-top: 0;} .home-contact ._btn>a{width: 2.6rem;height: .72rem;} .header .language ._list>div{width: 1.1rem;} .header .language ._list ._item>a{line-height: .56rem;} .course-box .tab{flex-wrap: wrap;text-align: center;} .course-box .tab .item{width: 50%;} .course-box .tab .item>a{display: inline-block;} .nsTop-right{display: none;} .nsTop-left{width: 100%;} .nsTop-left-swiper .swiper-slide .item{height: 0;padding-bottom: 69.23076923076923%;} .nsTop-left-swiper .swiper-slide .item ._pic{position: absolute;top: 0;left: 0;} .switch-fn{width: .72rem;height: .72rem;line-height: .72rem;} .nsTop-left .nsTop-left-button{margin-top: .5rem;} .nsList-ul .item{padding: 8px;} .nsList-ul>div{margin: -8px;} .nsList-ul .item ._pic{border-radius: 5px;} .nsList-ul .item ._text{padding: .3rem 0 .15rem 0;} .nsList-ul .item ._text ._title{font-size: 14px;} .nsList-ul .item ._text ._time{margin-top: 8px;} .case-list .item{width: 100%;padding: .2rem 0;} .case-list>div{margin: -.2rem 0;} .case-list .item>a{height: auto;padding: .8rem 0;} .case-list .item>a>div{position: initial;transform: none;} .case-list .item ._line{height: auto;max-height: calc(2em * 3);-webkit-line-clamp: 3;} .case-top-swiper .item ._text ._title{font-size: 17px;} .course-box .module-swiper .item ._list ._li ._time{font-size: .36rem;} .tutorial-top-swiper .item ._title ._name{font-size: 16px;} .tutorial-content-list .item ._title ._name{font-size: 16px;} .guide-top-info ._search form{height: .88rem;} .guide-top-info ._search ._btn button{width: .6rem;height: .6rem;} .guide-content-list .item ._title ._icon{height: .4rem;} .guide-content-list .item ._line ._icon{height: .36rem;} .guide-content-list .item ._title ._val{font-size: 16px;} .industry-content-list .item>a{border-radius: 5px;} .crown .crown-left ._title ._cn{font-size: .48rem;} .ctt01-content .ctt01-content-right .item ._ts{font-size: 16px;} .ctt-banner-txt{transform: scale(.8);transform-origin: left;} .ctt02-content-form ._btn .masterBtn{width: 2.6rem;height: .76rem;} .ctt03-content-list ._row .item ._txt{height: 2.6rem;} .ctt03-content-list ._row .item ._txt:hover{color:#222;} .ctt03-content-list ._row .item ._cir{width: 16px;height: 16px;} .ctt03-content-list ._row .item ._cir:before{width: 6px;height: 6px;} .ctt03-content-list ._row .item>div:before{top: 60.5px;} .ctt-banner-txt .p4 ._icon{width: .3rem;} .jn01-top ._more>a, .jn02-content ._text ._more>a{width: 2.6rem;height: .76rem;} .ntk-loc .ntk-loc-tab .item>a{height: .72rem;line-height: .72rem;} .ntk-loc-ul ._list .item ._info ._line ._icon{width: .3rem;} .article-swiper .item{padding: 2vw;} .article-swiper{margin: -2vw !important;} .product-Banner-info>div{transform: scale(.8);transform-origin: right;} .ability-list .item{width: 100%;} .area-swiper ._item ._mask ._text ._name{font-size: 18px;} .tep2-banner-text{width: 100%;} .ptView-small ._item{padding: 0 .12rem;} .ptView-small>div{margin: 0 -.12rem;} .ptView-right .ptView-text ._btn>a{width: 2.2rem;height: .68rem;} .ptDel-nav ._item>a{height: 44px;line-height: 44px;} .ptView-right .ptView-type span{padding: .18rem .3rem;} .ptDelTp-table{font-size: 14px;} .tep2-banner-text ._icon img{height: .28rem;} .trait-type .item ._cn{font-size: 18px;} .assort-swiper ._item ._text ._name{font-size: 20px;} .product-Banner-text ._txt{width:70%; margin: auto; text-align: right;} .header .inquiry ._form{width: 3.8rem;} .header .inquiry ._form ._dd>input{height: 36px;} .header .inquiry ._form ._dt>button{width: 36px;height: 36px;} .ntk-content-switch>a{font-size: 12px;} } #icon{ display: none!important;} .home-solution-info .item{ position: relative;} .home-solution-info .item .mss{ width: 100%; height: 100%; opacity: 0; display: block; position: absolute; top: 0; left: 0; pointer-events: auto;} .home-solution-info .item ._more{ position: relative; z-index: 12;} .course-box{ margin-bottom: 0.5rem;} .zixun{display:block;} @media(max-width: 767px){ .zixun{display:none;} } .ntk-loc-ul ._list .item:hover{color:black}